#top_img {
  /*min-width: 2000px;*/
  background-repeat: no-repeat;
  background-size: cover; /*100% auto;*/
  background-position: center top;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 750px) {
  #top_img {
    background-position: center top 40px;
  }
}

/* =================================== */
/* ページ全体を上にあげる
/* =================================== */

#content,
#content_img {
  max-width: 960px;
  margin: 0 auto 0px;
  padding-top: 120px;
  /*background-color: #ff0000;*/
}

#main_content {
  /*z-index: -10;*/
  /*background-color: #ff00ff;*/
  margin-top: 120px;
}

#content_slide {
  max-width: 960px;
  margin: 0 auto 0px;
  position: relative;
  margin-bottom: -350px;
  z-index: 10;
  top: -450px;
}

#content_slide_2021_12 {
  max-width: 960px;
  margin: 0 auto 0px;
  position: relative;
  /*background-color: #ff00ff;*/
  top: 150px;
  margin-bottom: 100px;
  z-index: 10;
}

@media screen and (max-width: 750px) {
  #main_content {
    margin-top: 100px;
  }

  #content_img {
    padding-top: 20px;
  }

  #content_slide {
    top: -180px;
    margin-bottom: -100px;
  }
  #content_slide_2021_12 {
    top: 100px;
    margin-bottom: 250px;
  }
}

/* =================================== */
/*	私たちについて
/* =================================== */

.txt_about {
  line-height: 2.5em;
  margin-bottom: 120px;
}
.txt_about_phone {
  display: none;
}

.txt_Philosophy {
  font-size: 120%;
  line-height: 2em;
  margin-bottom: 120px;
}

#txt_Business {
  padding: 0 60px;
  margin-bottom: 75px;
}

.title_business {
  font-size: 140%;
  text-align: left;
  font-weight: bold;
  color: #10223e;
}

.title_message {
  font-size: 140%;
  text-align: center;
  font-weight: bold;
  color: #10223e;
}

/*-- 事業内容 --*/
#txt_Business ul li {
  border-top: 1px #10223e solid;
}
#txt_Business ul li:last-child {
  border-bottom: 1px #10223e solid;
}

.business_box {
  display: flex;
  padding: 25px 0 25px;
}

.business_title {
  width: 225px;
  height: 44px;
  vertical-align: middle;
  font-size: 90%;
  color: #ffffff;
  background: url('../img/about/back_arrow.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
}
.big_back {
  background: url('../img/about/back_arrow_big.png');
  height: 74px;
}

.business_title p {
  position: absolute;
  line-height: 1.4em;
  /*background-color: #00ffff;*/
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 225px;
  text-align: center; /*一応BOX内の文字も中央寄せ*/
}
.business_txt {
  text-align: left;
  padding-left: 20px;
  flex: 1;
  /*background-color: #ff00ff;*/
}

/*-- 役員紹介 --*/
#member_title {
  position: relative;
  background: url('../img/about/title_member.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding-bottom: calc(100% * 488 / 1960); /*calc(100*ImageHeight/ImageWidth)%*/
}

#title_area {
  width: 800px;
  /*margin: 0 auto;*/
  position: absolute;
  text-align: left;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*background-color: #ff0000;*/
}
#title_area p {
  font-size: 140%;
  color: #ffffff;
}
#member {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 180px;
  /*background-color: #ffff00;*/
}

#member ul li {
  display: flex;
  margin-bottom: 120px;
}

.mem_box {
  width: 242px;
}

.mem_photo {
  margin-bottom: 12px;
  margin-right: 12px;
}

.officer_name,
.mem_name,
.mem_pseudonym {
  text-align: left;
  padding: 3px 0;
}
.mem_name {
  font-size: 140%;
}
.mem_pseudonym {
  font-size: 80%;
}

.mem_data {
  flex: 1;
  padding-left: 25px;
  text-align: left;
}
.work_history {
  background-color: #10223e;
  color: #ffffff;
  text-align: center;
  font-size: 100%;
  width: 160px;
  padding: 5px 0;
  margin-bottom: 8px;
}

.work_history2 {
  background-color: #ffffff;
  color: #10223e;
  border: #10223e 1px solid;
  text-align: center;
  font-size: 100%;
  width: 160px;
  padding: 5px 0;
  margin-bottom: 8px;
}

.work_history_txt {
  font-size: 90%;
  line-height: 1.4em;
  margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
  /*-- 役員紹介 --*/
  #member_title {
    width: 100%;
    background: url('../img/about/title_member_phone.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: calc(
      100% * 347 / 750
    ); /*calc(100*ImageHeight/ImageWidth)%*/
  }

  #title_area {
    width: 80%;
  }
  #title_area p {
    font-size: 100%;
    color: #ffffff;
  }
  .txt_about {
    display: none;
  }
  .txt_about_phone {
    display: block;
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 80px;
  }

  #main_content {
    padding: 0 10px;
  }

  #txt_Business {
    padding: 0 10px;
  }

  .business_box {
    display: block;
  }
  .business_title {
    margin-bottom: 10px;
  }
  .business_txt {
    padding-left: 0px;
  }

  /*-- 役員紹介 --*/
  #member {
    padding: 120px 10px 0;
  }
  #member ul li {
    display: block;
  }
  .mem_box {
    margin: 0 auto 25px;
  }
  .mem_data {
    padding-left: 0px;
  }
}

/* =================================== */
/*	経営理念
/* =================================== */

.slogan_bg {
  background: url(../img/slogan_bg.png) top center / 500px 433px no-repeat;
  padding: 50px 0 60px;
}

.zaubton_kon {
  display: inline-block;
  background-color: #003067;
  border-radius: 30px;
  color: #fff;
  padding: 5px 20px;
  font-size: 110%;
  font-weight: 700;
}

.slogan_bg p {
  font-size: 80%;
}

.slogan_caption {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
}
.slogan_txt {
  line-height: 1.6em;
}

.slogan_extend_bg {
  background: url(../img/message_bg.png) center top 104% no-repeat;
  margin-left: calc(50% - 50vw);
}

.interview_add_bg {
  background-color: #fff;
  padding: 15px;
  margin-top: 100px;
}

@media screen and (max-width: 750px) {
  .slogan_extend_bg {
    background: url(../img/message_bg_sp.png) center bottom 10% no-repeat;
  }
}

/* =================================== */
/*	私たちの目指すナオヨシについて
/* =================================== */
.interview {
  min-height: 1075px;
  background: url('../img/interview/img_top_202604.jpg') 0 0 no-repeat;
  padding-bottom: calc(
    100% * 2150 / 3771
  ); /*calc(100*ImageHeight/ImageWidth)%*/
  background-size: 100% auto;
}

.interview_2021_12 {
  min-height: 1075px;
  padding-bottom: calc(
    100% * 2150 / 3920
  ); /*calc(100*ImageHeight/ImageWidth)%*/
  background-size: 100% auto;
}

#interview_heading {
  margin-bottom: 120px;
}

#interview_heading_buck {
  margin-bottom: 50px;
}

.inteview_bottom {
  margin-bottom: 360px !important;
}
.head_txt {
  line-height: 2em;
}
.head_txt_phone {
  display: none;
}

.interview_title {
  font-size: 120%;
  margin-bottom: 45px;
  text-align: left;
  font-weight: bold;
  font-family: 'A-OTF 新ゴ Pro', A-OTF Shin Go Pro, 'メイリオ', 'Meiryo', Osaka,
    'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',
    'MS PGothic', arial, Sans-Serif;
  border-left: 13px solid #000;
  padding: 3px 0 3px 20px;
}

.interview_main {
  display: flex;
  margin-bottom: 0px;
  text-align: center;
  /*background-color: #ff0000;*/
}
.interview_txt {
  flex: 1;
  text-align: left;
  /*background-color: #00ffff;*/
}
.interview_txt p {
  line-height: 1.6em;
}
.reverse {
  flex-direction: row-reverse;
}

.padding_left {
  padding-left: 80px;
}
.padding_right {
  padding-right: 80px;
}

.question {
  color: #10223e;
  font-weight: bold;
}
.english {
  font-family: 'A-OTF 新ゴ Pro', A-OTF Shin Go Pro, 'メイリオ', 'Meiryo', Osaka,
    'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',
    'MS PGothic', arial, Sans-Serif;
}

.interview_photo {
  width: 226px;
  font-size: 12px;
  line-height: 1.5em;
  text-align: right;
  /*background-color: #ff00ff;*/
}
.interview_photo ul li {
  margin-bottom: 45px;
}
.interview_photo ul li:last-child {
  margin-bottom: 0px;
  line-height: 1.8em;
}
.interview_photo ul li img {
  margin-bottom: 8px;
}
.mem_name {
  font-size: 140%;
}

/* バックナンバーリスト */
.interview_thumb {
  width: 100%;
  margin-top: 75px;
  margin-bottom: 0px;
  text-align: left;
  font-size: 0px;
}

ul.interview_buck {
  text-align: left;
  /*background-color: #ffff00;*/
}

ul.interview_buck li {
  display: inline-block;
  /*background-color: #ff0000;*/
  margin: 0 10px 50px 0;
}

.interview_thumb_img {
  width: 300px;
}

@media screen and (max-width: 750px) {
  .interview {
    background: url('../img/interview/img_top_phone_202604.jpg') 0 0 no-repeat;
    padding-bottom: calc(
      100% * 2134 / 1500
    ); /*calc(100*ImageHeight/ImageWidth)%*/
    background-size: 100% auto;
    min-height: initial;
    min-height: auto;
  }
  .interview_2022_12 {
    background: url('../img/interview/img_top_phone.jpg') 0 0 no-repeat;
    padding-bottom: calc(
      100% * 2134 / 1500
    ); /*calc(100*ImageHeight/ImageWidth)%*/
    background-size: 100% auto;
    min-height: initial;
    min-height: auto;
  }
  .head_txt {
    display: none;
  }
  .head_txt_phone {
    display: block;
    line-height: 2em;
    text-align: left;
  }

  .interview_main {
    display: block;
  }

  .interview_txt {
    margin-bottom: 80px;
  }

  .padding_left {
    padding-left: 0px;
  }
  .padding_right {
    padding-right: 0px;
  }
  .interview_photo {
    margin: 0 auto;
  }

  /* バックナンバーリスト */
  .interview_thumb {
  }

  ul.interview_buck {
    text-align: center;
  }

  ul.interview_buck li {
    margin: 0 0 15px 0;
  }

  .interview_thumb_img {
    width: 100%;
    max-width: 350px;
  }
}

/* =================================== */
/*	会社概要
/* =================================== */
#history {
  text-align: left;
  margin: 120px auto 120px;
}

.history_title {
  margin-bottom: 45px;
  text-align: left;
  font-weight: bold;
}

.history_list {
  display: flex;
}

.history_day {
  width: 130px;
  vertical-align: top;
  font-size: 16px;
  position: relative;
  padding: 10px 0;
}

.history_contents {
  text-align: left;
  flex: 1;
  border-left: 1px #dddddd solid;
  padding: 10px 0 10px 55px;
}

.finance_title {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 45px;
}

#finance_menu ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 45px;
  /*background-color: #ff00ff;*/
}

#finance_menu ul li:last-child {
  margin-right: 0px;
}

._2017 {
  color: #dee0e4;
}
._2018 {
  color: #b7bdc5;
}
._2019 {
  color: #586478;
}
._2020 {
  color: #10223e;
}
._2021 {
  color: #462a5a;
}
.square {
  position: relative;
  display: inline-block;
  padding: 0 0 0 24px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 18px;
}
.square::before,
.square::after {
  position: absolute;
  top: -14px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '■';
  vertical-align: middle;
}

#finance_graph {
  margin-top: 45px;
}

#finance_graph ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 62px;
  margin-bottom: 80px;
  /*background-color: #ff0000;*/
}
#finance_graph ul li:nth-child(2n) {
  margin-right: 0px;
}

.graph_title {
  font-weight: bold;
  margin-bottom: 12px;
}

@media screen and (max-width: 750px) {
  .history_list {
    display: block;
  }
  .history_day {
    padding: 0px 0;
  }

  .history_contents {
    border-left: none;
    padding: 0px 0 0px 0px;
    margin-bottom: 35px;
  }

  finance_menu {
    text-align: left;
  }

  finance_menu ul li:nth-child(2n) {
    margin-right: 0px;
  }

  #finance_graph ul li {
    margin-right: 0px;
  }
}

/* =================================== */
/*	採用情報
/* =================================== */
.recruit {
  min-height: 583px;
  background: url('../img/recruit/img_top.jpg') 0 0 no-repeat;
  padding-bottom: calc(
    100% * 583 / 1940
  ); /* calc(100*ImageHeight/ImageWidth)% */
  background-size: 100% auto;
}

#rec_comment {
  position: absolute;
  top: 190px;
  left: 380px;
  text-align: left;
  font-size: 250%;
  line-height: 1.8em;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 15px;
}
#rec_comment_phone {
  display: none;
}

ul#interview_list {
  text-align: left;
  font-size: 0;
  margin-bottom: 120px;
}

ul#interview_list li {
  display: inline-block;
  max-width: 470px;
  margin: 0 20px 20px 0;
  text-align: left;
}

ul#interview_list li:nth-child(n + 2) {
  margin-right: 0px;
}

.emPhoto {
  margin-bottom: 8px;
}

.interview_title {
  font-size: 16px;
  font-weight: bold;
}
.emDivision,
.emName {
  font-size: 14px;
}

/*-- 募集要項 --*/
#essentials {
  padding: 0 80px;
}

#detail {
  margin-top: 120px;
  text-align: left;
}

.division_menu {
  margin-bottom: 70px;
}

.division_menu ul {
  font-size: 0px;
}

.division_menu ul li {
  display: inline-block;
  text-align: center;
  border: 1px #10223e solid;
  margin-right: 20px;
  padding: 10px;
  width: 390px;
  /*width: 300px;*/
}
.division_menu ul li:nth-child(2n) {
  margin-right: 0px;
}

.division_menu .arrow {
  padding: 0px 0 0 28px;
  font-size: 18px;
}

#graduate,
#career {
  margin-bottom: 150px;
  text-align: justify;
  /* IE用 */
  text-justify: inter-ideograph;
  /*background-color: #ff0000;*/
}

.adopt_title {
  font-weight: bold;
  line-height: 3em;
  border-bottom: 1px #10223e solid;
  margin-bottom: 45px;
}

.adopt_text {
  line-height: 1.8em;
  margin-bottom: 45px;
}

.adopt_text_small {
  font-size: 80%;
  margin: 10px 0 45px;
}

.flow_arrow_pc {
}
.flow_arrow_sm {
  display: none;
}

.flow_arrow {
  text-align: center;
}

.adopt_arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  margin: 25px 0 10px;
  color: #10223e;
  vertical-align: middle;
  text-decoration: none;
  font-size: 40px;
  text-align: center;
}
.adopt_arrow::before,
.adopt_arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
  vertical-align: middle;
}

.arrow_flow::before {
  left: 0px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 15px solid transparent;
  border-top: 20px solid #10223e;
}

.flow_rec {
  text-align: center;
  border: 1px #10223e solid;
  padding: 10px;
}
.blue {
  color: #ffffff;
  background-color: #10223e;
}
.white {
  color: #10223e;
  background-color: #ffffff;
}

.square_title {
  position: relative;
  display: inline-block;
  padding: 0 0 0 24px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 18px;
  margin-bottom: 12px;
  color: #10223e;
}
.square_title::before,
.square_title::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '□';
  vertical-align: middle;
}

.adopt_btn {
  margin-top: 80px;
  text-align: center;
}

.adopt_btn_bn {
  margin-top: 15px;
  text-align: center;
}

.adopt_btn ul {
  font-size: 0;
}
.adopt_btn ul li {
  display: inline-block;
  margin-right: 15px;
}
.adopt_btn ul li:last-child {
  margin-right: 0px;
}
.adopt_btn a {
  max-width: 350px;
}

.adopt_small_text {
  text-align: center;
  font-size: 80%;
  margin-top: 8px;
}

.division_table {
  position: relative;
  text-align: left;
  margin: 0 auto 80px;
  max-width: 800px;
}

.division_table table {
  table-layout: fixed;
  width: 100%;
}

.division_table table tr:nth-child(1) {
  /*border-top: 1px #dddddd solid;*/
}

.division_table table tr {
  border-bottom: 1px #dddddd solid;
  vertical-align: top;
  text-align: left;
}
.division_table table th {
  font-weight: normal;
  padding: 10px 0;
  width: 35%;
}
.division_table table td {
  width: 65%;
  padding: 10px 0;
}

@media screen and (max-width: 750px) {
  .recruit {
    background: url('../img/recruit/img_top_phone.jpg') 0 0 no-repeat;
    padding-bottom: calc(
      100% * 728 / 750
    ); /* calc(100*ImageHeight/ImageWidth)% */
    background-size: 100% auto;
    min-height: initial;
    min-height: auto;
  }

  .recruit_top {
    padding-top: 0;
  }
  #rec_comment {
    display: none;
  }
  #rec_comment_phone {
    display: block;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
  }
  #rec_comment_phone p {
    display: inline-block;
    text-align: left;
    font-size: 150%;
    line-height: 1.8em;
    font-weight: bold;
  }

  /*-- 募集要項 --*/
  #essentials {
    padding: 0 0px;
  }
  .division_menu ul {
    /*display: flex;
		flex-wrap: nowrap;*/
  }

  .division_menu ul li {
    width: 100%;
    display: block;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .division_menu .arrow {
    padding: 0px 0 0 22px;
    font-size: 18px;
  }

  .flow_arrow_pc {
    display: none;
  }
  .flow_arrow_sm {
    display: block;
  }

  .adopt_btn ul li {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .adopt_btn ul li:last-child {
    margin-bottom: 0px;
  }
  .adopt_btn a {
    width: 340px;
  }

  .adopt_btn_bn a {
    width: 226px;
  }
}
/* =================================== */
/* 最新情報
/* =================================== */
#news_menu {
  font-size: 0px;
}

.tab_item {
  padding: 10px 45px;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: bold;
  /*border: solid 1px #eeeeee;*/
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease;
  /*border-right: 1px #666666 solid;*/
}

.tab_item:last-child {
  border-right: none;
}

.tab_item:hover {
  opacity: 0.75;
}

p.age {
  font-size: 24px;
  margin-bottom: 30px;
}

table.past_list {
  width: 800px;
  margin: 50px auto;
  font-size: 14px;
  /*background-color: #1A00FF;*/
}

table.past_list td {
  text-align: left;
  border-bottom: 1px #dddddd solid;
  padding: 12px 0px;
}

table.past_list td > * {
  vertical-align: middle;
  display: inline-block;
}

table.past_list td:first-child {
  /*background-color: #ffff00;*/
  min-width: 175px;
}

.news_text {
  font-size: 14px;
  text-align: left;
}

table.past_list td.news_textArea {
  vertical-align: top;
  border-bottom: none;
}

ul#news_menu {
  margin-bottom: 18px;
}
ul#news_menu li {
  display: inline-block;
  margin-right: 20px;
  min-width: 200px;
  /*background-color: #ff0000;*/
}
ul#news_menu li:last-child {
  margin-right: 0px;
}

.newsLinkMark {
  position: relative;
  background-color: #808080;
  width: 500px;
}

.newsLinkMark::after {
  content: '';
  background-image: url('../newsList/img/window.png');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  width: 15px;
  height: 1.8em;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 3px;
  right: -24px;
  /*background-color: #ff0000;*/
}

@media screen and (max-width: 750px) {
  .tab_item {
    padding: 10px 20px;
    width: calc(100% / 3);
  }

  table.past_list {
    width: 100%;
  }

  table.past_list td:first-child {
    min-width: 130px;
  }

  ul#new_menu li {
    display: block;
    margin-right: 0px;
    margin-bottom: 15px;
    min-width: auto;
  }
}

/* =================================== */
/* 最新情報詳細
/* =================================== */
h1.news_title {
  font-size: 140%;
  position: relative;
  display: inline-block;
  margin-bottom: 90px;
}
h1.news_title_phone {
  display: none;
}

#news_day {
  text-align: right;
  margin-bottom: 40px;
}
.news_txt {
  text-align: left;
  line-height: 1.5em;
  margin-bottom: 50px;
}
.news_subTitle {
  margin: 0 auto;
  text-align: center;
  font-size: 120%;
}

.news_table {
  position: relative;
  margin: 0 auto;
  /*max-width: 520px;*/
  /*background-color: #FF0004;*/
  margin-bottom: 50px;
  /*height: 667px;*/
}

.news_table table {
  table-layout: fixed;
  width: 100%;
  border: 1px solid #999999;
}
.news_table table th {
  text-align: left;
  vertical-align: center;
  font-weight: normal;
  padding: 5px 0 5px 45px;
  /*padding-bottom: 10px;*/
  width: 25%;
  border: 1px solid #999999;
}
.news_table table td {
  text-align: left;
  width: 75%;
  padding: 5px 0 5px 45px;
  /*padding-bottom: 10px;*/
  border: 1px solid #999999;
}

.news_table table.justifyText th {
  text-align: justify;
  text-align-last: justify;
  /* IE用 */
  text-justify: inter-ideograph;
  font-weight: normal;
  padding: 5px 8px 5px 8px;
  width: 22%;
}
.news_table table.justifyText td {
  width: 78%;
  padding: 5px 8px 5px 8px;
}

@media screen and (max-width: 750px) {
  h1.news_title {
    display: none;
  }
  h1.news_title_phone {
    font-size: 110%;
    position: relative;
    display: inline-block;
    margin-bottom: 90px;
  }

  .news_subTitle {
    font-size: 100%;
  }

  .news_table table th {
    padding: 5px 5px 5px 5px;
  }
  .news_table table td {
    padding: 5px 5px 5px 5px;
  }
}

/* ----------------------------------- */
/* 概要諸々
/* ----------------------------------- */
table.justTable {
  table-layout: fixed;
  width: 100%;
}
table.justTable th {
  text-align: justify;
  text-align-last: justify;
  /* IE用 */
  text-justify: inter-ideograph;
  vertical-align: top;
  font-weight: normal;
  padding: 5px 8px 5px 0px;
  width: 10%;
}
table.justTable td {
  text-align: left;
  vertical-align: top;
  /*width: 90%;*/
  padding: 5px 8px 5px 8px;
}
table.justTable td:nth-child(2) {
  width: 2%;
}
table.justTable td:nth-child(last) {
  width: 88%;
}

@media screen and (max-width: 750px) {
  table.justTable th {
    width: 30%;
  }
  table.justTable td {
    /*width: 70%;*/
  }
  table.justTable td:nth-child(2) {
    width: 5%;
  }
  table.justTable td:nth-child(last) {
    width: 65%;
  }
}

/* =================================== */
/* 	プライバシーポリシー
/* =================================== */
.policyTitle,
.policyTxt,
.policyOffice {
  text-align: left;
}
.policyTitle {
  margin-bottom: 0px;
}
.policyTxt {
  padding-left: 1em;
  margin-bottom: 1em;
}

ol.policyList {
  text-align: left;
  /*list-style-type: decimal;*/
  padding-left: 1em;
  /* 数字の前後にテキストを入れるためのカウンタ */
  counter-reset: count 0;
}

ol.policyList li {
  display: flex;
}

ol.policyList li:before {
  content: '(' counter(count) ') ';
  counter-increment: count 1;
  vertical-align: top;
  display: inline-block;
  width: 1.5em;
}

ol.policyList li span {
  display: inline-block;
  flex: 1;
}

.policyOffice {
  padding-top: 1.5em;
}

/* =================================== */
/* 	お問い合わせ
/* =================================== */
#contact {
  text-align: left !important;
  max-width: 600px !important;
  margin: 60px auto !important;
  /*background-color: #ff00ff;*/
}

#contact p {
  margin-left: -15px;
  /*background-color: #ff0000;*/
}

button,
input[type='text'],
input[type='email'],
optgroup,
select,
textarea {
  width: 100% !important;
  padding: 3px !important;
  background-color: #ffffff !important;
  /*background-color: #e8e8e8 !important;*/
  border: solid 1px #e2e2e2 !important;
  border-radius: 3px !important;
  color: #333333 !important;
  font-size: 90% !important;
}

button:focus,
input[type='text']:focus,
input[type='email']:focus,
optgroup:focus,
select:focus,
textarea:focus {
  background-color: #ffffff !important;
  outline: 1px #333333 solid !important;
}

.com_name,
.com_furi,
.com_email,
.com_textarea {
  margin-bottom: 24px !important;
}

.form_name {
  margin-bottom: 24px !important;
}

.com_name label,
.com_furi label,
.com_email label,
.com_textarea label {
  width: 100% !important;
  /*background-color: #ff00ff !important;*/
}

.com_textarea textarea {
  width: 100% !important;
}

/*-- 送信ボタン --*/
.submit_button {
  /*width: 100%;*/
  margin-top: 16px !important;
  padding-left: 68px !important;
  text-align: center !important;
  /*background-color: #ffff00 !important;*/
}
/* 正規用 */
.has-spinner {
  font-size: 1.2rem;
  height: 1em;
  line-height: 0em;
  border: 1px #10223e solid;
  position: relative;
  display: inline-block;
  padding: 1.5rem 10rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
  background-color: #10223e;
  border-radius: 0rem;
}

.has-spinner:active {
  transform: translateY(6px);
  color: #10223e;
  background-color: #ffffff;
}

@media screen and (max-width: 750px) {
  /*-- 送信ボタン --*/
  .submit_button {
    padding-left: 48px !important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /*background-color: #ff0000;*/
  }
  .has-spinner {
    margin: 0 auto;
    padding: 1.5rem 5rem;
  }
}

/* =================================== */
/* 	タブ切り替え処理
/* =================================== */

/* ラジオボタンを非表示 */
input[name='tab_item'] {
  display: none;
}

/* コンテンツをを非表示 */
.tab_content {
  display: none;
}

/* チェックが入っているところだけ表示 */
#label1:checked ~ #news2021,
#label2:checked ~ #news2022,
#label3:checked ~ #news2023,
#label4:checked ~ #news2024,
#label5:checked ~ #news2025,
#label6:checked ~ #news2026 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
input:checked + .tab_item {
  background-color: #10223e;
  color: #fff;
}

.link_think {
  display: flex;
  align-items: center;
  justify-content: end;
  color: #006699;
}

.link_think a {
  color: #006699;
}

.e-pub_table .text{
  display: inline;
}
.e-pub_table a::after{
   content: url('../img/pdf_icon.webp');
    display: inline-block;
     top: 8px;
    position: relative;
}