@charset "UTF-8";

/*````````````````````````````````````````*/
@media only screen and (min-width: 769px) {
/*````````````````````````````````````````*/
.sp{
  display: none;
  }
  
/*================*/
  section.officer{
  width: 100%;
  max-width: 826px;
  margin: 0 auto;
  }

/*================*/
section.pagetitle .area-ttl {
  padding: 110px 0 100px 0;
}
section.pagetitle .sectioning-title h2 span.main b {
  background-image: url(/company/img/officer/officer.svg);
}
section.pagetitle .sectioning-title h2 span.main {
  width: 342px;
  aspect-ratio: 360 / 60;
  line-height: 1;
}
.sectioning-title.st-type2 h2{
  padding-top: 45px;
}
/*================*/
  section.officer p {
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 1.4px;
}
section.officer h2.table_ttl:first-child{
  font-size: 26px;
  color: #00833E;
  padding-left: 7px;
  margin-top: 100px;
  margin-bottom: 20px;
}
section.officer h2.table_ttl{
  font-size: 26px;
  color: #00833E;
  padding-left: 7px;
  margin-top: 50px;
  margin-bottom: 20px;
}
section.officer table.tbl {
  width: 100%;
  max-width: 826px;
  margin: 20px auto;
  border-spacing: 0;
  border: solid 1.5px #00833E;
}
section.officer table.tbl th {
  background: #D9ECE2;
  width: 360px;
  border: solid 1.5px #00833E;
  color: hsl(148, 100%, 26%);
  font-weight: normal;
  padding: 15px 0;
  line-height: 20px;
  letter-spacing: 1.4px;
}
section.officer table.tbl td {
  border: solid 1.5px #00833E;
  padding: 15px;
  padding-left: 26px;
  line-height: 20px;
  letter-spacing: 1.4px;
}

/*================*/
section.area-jump{
  text-align: center;
}
section.area-jump .back{
  padding-top: 75px;
}
section.area-jump .border-button.bb-type2{
  width: 348px;
}
.mod-companynav .area-ttl{
  display: none;
}
   
/*````````````````````````````````````````*/
}@media only screen and (max-width: 768px) {
  /*````````````````````````````````````````*/
  
.sp{
  display: block;
}

/*================*/
section.officer{
  width: 90vw;
  margin: 0 auto;
}

/*================*/
section.pagetitle .sectioning-title h2 span.main{
  width: 52vw;
  aspect-ratio: 360 / 60;
  line-height: 1;
}
section.pagetitle .sectioning-title h2 span.main b {
  background-image: url(/company/img/officer/officer.svg);
}
section.pagetitle .area-ttl{
  padding: 17vw 0 15vw 0;
}
.sectioning-title.st-type2 h2{
  padding-top: 5vw;
}
/*================*/
section.officer p {
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 1.4px;
}
section.officer h2.table_ttl{
  color: #00833E;
  font-size: 6vw;
  margin-bottom: 4vw;
  margin-top: 13vw;
  padding-left: 0;
}
section.officer h2.table_ttl:first-child{
  color: #00833E;
  font-size: 6vw;
  margin-top: 16vw;
  margin-bottom: 4vw;
  padding-left: 0;
}
section.officer table.tbl {
  width: 100%;
  margin: 0 auto;
  border-spacing: 0;
  border: solid 1.5px #00833E;
}
section.officer table.tbl th,
.tbl td {
  text-align: left;
  padding: 4vw;
  width: auto;
  font-size: 3.8vw;
}
section.officer table.tbl th{
  width: 45%;
  background: #D9ECE2;
  border: solid 1.5px #00833E;
  color: hsl(148, 100%, 26%);
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 1.4px;
}
section.officer table.tbl td {
  border: solid 1.5px #00833E;
  line-height: 20px;
  letter-spacing: 1.4px;
}

/*================*/
section.area-jump{
  text-align: center;
}
section.area-jump .back{
  padding-top: 75px;
}
section.area-jump .border-button.bb-type2 p span{
  padding-top: 1vw;
}
section.area-jump .border-button p i{
  width: 20vw;
}
section.area-jump .border-button.bb-type2 p i{
  top: 3vw;
}
section.area-jump .back .border-button{
  width: 90vw;
}
section.area-jump .border-button.bb-type2 p{
  padding: 1.3vw 0 0 0;
}
.mod-companynav .area-ttl{
  display: none;
}
/*````````````````````````````````````````*/
} /* end of @media */
/*