@charset "UTF-8";
/****************************************

               About Page

*****************************************/
.sp_br {
    display: block;
    margin-bottom: 3.333vw;
 }
.about_wrap .sub_tab_menuWrap {
   padding: 0 4.5333vw;
   box-sizing: border-box;
}
/* .about_wrap .about_top_img {
   width: 100%;
   margin: 16vw auto 21.3333vw;
} */
/* .anchor_target:before {
   content: "";
   display: block;
   height: 60px;
   margin-top: -60px;
   visibility: hidden;
} */
.cont_inner {
   width: 90.9333vw;
   margin-left: auto;
   margin-right: auto;
   padding-top: 21.3333vw;
   padding-bottom: 21.3333vw;
 }
 .about_wrap .m_title {
   font-size: 5.8667vw;
   font-weight: bold;
   font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   display: block;
   text-align: left;
   margin-bottom: 10.6667vw;
 }
 .about_wrap .m_title.unline {
   display: inline-block;
   /* border-bottom: 1px solid #ccc;
   padding-bottom: 10px; */
 }

 .about_wrap .s_title {
   display: block;
   font-size: 5.8667vw;
   font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-weight: 600;
   margin: 6.667vw 0;
 }
 .about_wrap p {
    font-size: 4.2667vw;
    line-height: 2.1;
 }
 .about_wrap .bg_color {
   background: #F3F3F3
}
.about_wrap .swiper-pc .tabs_02 {
   padding-top: 0;
}

@media (min-width:768px) and ( max-width:1024px) { 
   .about_wrap .sub_title,
   .about_wrap .sub_container {
       width: 100%;
       padding: 0 3.3vw;
       box-sizing: border-box;
   }
}
@media screen and (min-width: 768px) {
   .sp_br {
      display: none !important;
   }
   .about_wrap .sub_tab_menuWrap {
      padding: 0 0;
   }   
   /* .about_wrap .about_top_img {
      width: 544px;
      margin: 60px auto 100px;
   } */
   /* .anchor_target:before {
      content: "";
      display: block;
      height: 85px;
      margin-top: -85px;
      visibility: hidden;
  } */
   .cont_inner {
     max-width: 1000px;
     width: 100%;
     padding-top: 100px;
     padding-bottom: 100px;
   }
   .cont_inner {
      max-width: 960px;
   }
   /* 2511 */

   .about_wrap .m_title {
      font-size: 28px;
      margin-bottom: 60px;
   }
   .about_wrap .s_title {
      font-size: 36px;
      font-weight: 500;
      margin: 50px 0;
   }
   .about_wrap p {
      font-size: 18px;
      line-height: 1.8;
   }
   .about_wrap .swiper-pc .tabs_02 {
      padding-top: 15px;
   }
}


 /* パーパス */
.purpose_box {
   margin-top: 21.3333vw;
}
.purpose_box .tit_box h3 {
   font-size: 5.8667vw;
   line-height: 1.6;
   margin: 0;
}
.purpose_box .txt_box {
   margin-top: 10.6667vw;
}
.purpose_box p + p {
   margin-top: 2em;
}
.purpose_box .txt_box b {
   display: block;
   font-size: 5.3333vw;
   margin-top: 1em;
}
@media screen and (min-width: 768px) {
   .purpose_box {
      margin-top: 100px;
   }
   .purpose_box .tit_box {
      margin-bottom: 50px;
   }
   .purpose_box .tit_box h3 {
      font-size: 26px;
      line-height: 1.6;
      text-align: left;
      margin: 0;
   }
   .purpose_box .txt_box {
      text-align: left;
      margin-top: 0;
      padding-left: 0;
      box-sizing: border-box;
   }
   .purpose_box .txt_box b {
      font-size: 24px;
   }
}






 /* ごあいさつ */
.message_box b {
   display: block;
   font-size: 5.3333vw;
   line-height: 1.75;
   margin-bottom: 10.6667vw;
}
.message_box p + p {
   margin-top: 1.25em;
}
.message_box p.txt_right {
   text-align: right;
}
@media screen and (min-width: 768px) {
   .message_box b {
      font-size: 24px;
      margin-bottom: 50px;
      text-align: left;
   }
}







/* 会社概要 */
.company {

}
.company .about_company,
.about_common.about_group {
   text-align: center;
}
.company .about_topImg {
   display: none;
}
.about_topImg ul {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.about_topImg ul li {
   width: 100%;
}
.about_topImg ul li + li {
   margin-top: 5.3333vw;
}

.about_boxes {
   width: 90.9333vw;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
.about_boxes ul {
   width: 100%;
   color: #333;
}
.about_boxes>ul>li {
   display: flex;
   justify-content: space-between;
   text-align: left;
   border-bottom: 1px solid #999;
   padding: 2.6667vw 0;
}
.about_boxes>ul>li:last-child {
   border-bottom: none;
}
.about_boxes>ul>li:first-child {
   border-top: 1px solid #999;
}
.about_boxes>ul>li h4 {
   font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-size: 4.2666vw;
   line-height: 1;
   padding-top: 0.2em;
}
#company .about_boxes>ul>li h4 {
   width: 36vw;
}
#company .about_boxes>ul>li.about_block01 p {
   width: 57.3333vw;
}
#company .about_boxes>ul>li.about_block02 .about_block02_inner {
   width: 58.6667vw;
}
.about_boxes>ul>li.about_block01 p {
   font-size: 4.2666vw;
   line-height: 1.4;
}

.about_boxes>ul>li.about_block02 dl {
   width: 100%;
}
.about_boxes>ul>li.about_block02 dl + dl {
   padding-top: 2.6667vw;
   margin-top: 2.6667vw;
   border-top: 1px dashed #cecece;
}
.about_boxes>ul>li.about_block02 dl dt {
   font-size: 4.2666vw;
   line-height: 1.4;
   margin-bottom: 2vw;
   padding-left: 1.3333vw;
   box-sizing: border-box;
}
.about_boxes>ul>li.about_block02 dl dd p {
   font-size: 4.2666vw;
   line-height: 1.4;
   padding-left: 1.3333vw;
   box-sizing: border-box;
}
.about_boxes>ul>li.about_block02 dl dd small {
   font-size: 2.6667vw;
   letter-spacing: -0.01em;
}



#group_company .about_group__inner {
   text-align: left;
}
#group_company h3.group_h3_txt {
   margin-top: 10.6667vw;
   font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
   font-size: 4.2666vw;
   line-height: 1;
}
#group_company .about_group__inner .about_boxes ul li {
   flex-wrap: wrap;
}
#group_company .about_group__inner .about_boxes ul li .bnr_box {
   width: 455px;
   margin: 10px 0 0 auto;
}
#group_company .about_group__inner .about_boxes ul li .bnr_box a {
   display: block;
   width: 100%;
   height: 100%;
   cursor: pointer;
   transition: all .5s ease;
 }
 #group_company .about_group__inner .about_boxes ul li .bnr_box a:hover {
   opacity: 0.8;
 }

#group_company .more_icon {
   width: 2.9333vw;
}
#group_company .icon_more {
   width: 5.3333vw;
   margin-left: 0.5em;
}
#group_company .about_boxes>ul {
   margin-top: 3.3333vw;
}

#group_company .about_boxes>ul>li.about_block01 h4 {
   width: 38.6667vw;
}
#group_company .about_boxes>ul>li.about_block02 h4 {
   width: 37.3333vw;
}
#group_company .about_boxes>ul>li.about_block02 h4 a {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
#group_company .about_boxes>ul>li.about_block02 h4 p {
   font-size: 3.2vw;
}
#group_company .about_boxes>ul>li.about_block01 p {
   width: 54.6667vw;
}
#group_company .about_boxes>ul>li.about_block02 .about_block02_inner {
   width: 53vw;
   color: #333;
}

#group {
   padding-top: 21.3333vw;
}
.about_group {
   /* padding: 13.333vw 2.6667vw 0; */
   border-bottom: none;
}

.about_group .about_block02_inner dd ul.list_marker li {
   padding-left: 1.5em;
   text-indent: -1em;
}

@media screen and (min-width: 768px) {

   .company {
      /* padding-top: 160px;
      padding-bottom: 150px; */
      /* padding-top: 100px;
      padding-bottom: 100px; */
   }
   
   .company .about_company {
     max-width: 1000px;
     margin: 0 auto;
     padding: 0;
   }
   .company .about_company {
      max-width: 960px;
   }
   /* 2511 */

   /* #company h2.m_title {
      display: block;
      line-height: 1;
   } */
   
   .company .about_topImg {
      display: block;
      margin-bottom: 60px;
   }
   #group_company .about_topImg {
      margin-bottom: 70px;
   }
   .about_topImg ul li {
      width: 30%;
   }
   .about_topImg ul li + li {
      margin-top: 0;
   }

   .about_boxes {
      width: 100%;
      max-width: 650px;
   }
   .about_boxes ul {
      width: 100%;
      font-size: 16px;
   }
   .about_boxes>ul>li {
   display: flex;
   justify-content: space-between;
   text-align: left;
   border-bottom: 1px solid #999;
   padding: 20px 0;
   }
   .about_boxes>ul>li:first-child {
   border-top: 1px solid #999;
   }
   .about_boxes>ul>li h4 {
      box-sizing: border-box;
      font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
      font-size: 18px;
   }
   #company .about_boxes>ul>li.about_block01 h4 {
      width: 39.0625%;
      padding-left: 1.5625%;
   }
   #company .about_boxes>ul>li.about_block02 h4 {
      width: 15.625%;
      padding-left: 1.5625%;
   }
   #company .about_boxes>ul>li.about_block01 p {
      width: 60.9375%;
   }
   #company .about_boxes>ul>li.about_block02 .about_block02_inner {
      width: 84.3750%;
   }
   .about_boxes>ul>li.about_block01 p {
      font-size: 18px;
      line-height: 1.7;
   }

   .about_boxes>ul>li.about_block02 dl {
      display: flex;
      justify-content: space-between;
   }
   .about_boxes>ul>li.about_block02 dl + dl {
      padding-top: 10px;
      margin-top: 10px;
      border-top: 1px dashed #cecece;
   }
   .about_boxes>ul>li.about_block02 dl dt {
      font-size: 18px;
      margin-bottom: 0;
      line-height: 1.7;
   }
   #company .about_boxes>ul>li.about_block02 dl dt {
      width: 27.7778%;
      padding-left: 1.8519%;
   }
   #company .about_boxes>ul>li.about_block02 dl dd {
      width: 72.2222%;
   }
   .about_boxes>ul>li.about_block02 dl dd p {
      font-size: 18px;
      line-height: 1.7;
      padding-left: 0;
   }
   .about_boxes>ul>li.about_block02 dl dd small {
      font-size: 14px;
      letter-spacing: 0;
   }

   #group_company h3.group_h3_txt {
      margin-top: 60px;
      font-size: 20px;
   }
   #group_company .more_icon {
      width: 15px;
      vertical-align: inherit;
   }
   #group_company .icon_more {
      width: 26px;
   }
   #group_company .about_boxes>ul {
      margin-top: 20px;
   }

   #group_company .about_boxes>ul>li.about_block01 h4 {
      width: 49.2188%;
      padding-left: 1.5625%;
   }
   #group_company .about_boxes>ul>li.about_block02 h4 {
      width: 29.6875%;
      padding-left: 1.5625%;
      font-size: 18px;
   }
   #group_company .about_boxes>ul>li.about_block02 h4 p {
      font-size: 18px;
   }
   #group_company .about_boxes>ul>li.about_block01 p {
      width: 50.7813%;
   }
   #group_company .about_boxes>ul>li.about_block02 .about_block02_inner {
      width: 70.3125%;
   }
   
   #group_company .about_boxes>ul>li.about_block02 dl dt {
      /* width: 27.7778%; */
      width: 35%;
      padding-left: 1.8519%;
   }
   #group_company .about_boxes>ul>li.about_block02 dl dd {
      /* width: 72.2222%; */
      width: 63%;
   }
/* group*/

.about_group {
   padding: 100px 0;
}
   .about_group dl {
      font-size: 14px;
   }
   .about_group dl:not(:first-of-type) {
      margin-top: 50px;
   }
  .about_group dd a:hover {
      text-decoration: underline;
  }
  .about_group dd img {
     width: 12px;
  }


  #group {
   padding-top: 100px;
}
.about_group .about_block02_inner dd ul li {
   padding-left: 1em;
   text-indent: -1em;
}

.about_group .about_block02_inner dd ul.list_marker li {
   padding-left: 1.2em;
   text-indent: -1em;
}
.about_group .about_block02_inner dd ul.list_marker li span {
   display: inline;
   font-size: 10px;
   color: #4c4c4c;
}

}







.about_wrap .group_con {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.about_wrap .group_con .sub_list {
   padding-left: 20%;
}
.about_wrap .group_con .group_con_img {
   width: 60%;
}
@media screen and (max-width: 768px) {
   .about_wrap .group_con {
      flex-direction: column;
      align-items: flex-start;
   }
   .about_wrap .group_con .group_con_img {
      width: 100%;
      margin: 6.667vw auto 0;
   }
}







/* 沿革 */
#history .history_table {
  border-collapse:separate;
  width: 100%;
  font-size: 4.2666vw;
  display: block;
  height: 80vw;
  overflow: hidden;
}
.history_table tr {
  line-height: 1;
  width: 100%;
  color: #333;
}
.history_table th {
   width: 5%;
   padding: 1em 20px;
   text-align: right;
   border-right: 3px solid #fff100;
   box-sizing: border-box;
   position: relative;
   vertical-align: top;
   line-height: 1.5;
}
.history_table th::after {
   content: "";
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: #fff100;
   position: absolute;
   right: -9px;
   top: 1.25em;
}
.history_table td {
   width: 95%;
   padding: 1em 20px;
   box-sizing: border-box;
   line-height: 1.5;
}
.history_table tr td.td_padding_top {
   padding: 1em 20px 0; 
}
.history_table tr td.td_padding_bottom {
   padding: .5em 20px 1em;
}
.history_table tr:first-child th,
.history_table tr:first-child td{ padding-top: 0; }
.history_table tr:first-child  th::after { top: 0.25em; }
.history_table tr:first-child  th::before {
   content: "";
   width: 3px;
   height: 0.25em;
   background: #ffffff;
   position: absolute;
   right: -3px;
   top: 0;
}

#history .show_more {
   width: 100%;
   transition: bottom 0.2s;
   font-size: 18px;
   text-align: center;
   margin-top: 20px;
   position: relative;
   cursor: pointer;
   font-size: 4.5333vw;
   margin-top: 5.3333vw;
}
#history .show_more::before {
   display: inline-block;
   content: "";
   width: 6.6667vw;
   height: 6.6667vw;
   border-radius: 50%;
   background: #fff100;
   margin-bottom: 0;
   margin-right: 0;
   position: absolute;
   right: 27vw;
   top: 0;
}
#history .show_more::after {
   display: inline-block;
   content: "";
   width: 6px;
   height: 6px;
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   position: absolute;
   top: 2.5vw;
   right: 29.5vw;
   transform: rotate(-135deg);
}
#history .show_more.active::after {
   top: 3vw;
   right: 29.5vw;
   transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
   #history .history_table {
      border-collapse:separate;
      width: 100%;
      font-size: 16px;
      display: block;
      height: 200px;
      overflow: hidden;
    }
   #service .history_table.open {
      margin-bottom: 70px;
    }
    .history_table tr {
      line-height: 1;
      width: 100%;
    }
   .history_table th {
      width: 5%;
      padding: 1em 20px;
      text-align: right;
      border-right: 3px solid #fff100;
      box-sizing: border-box;
      position: relative;
      vertical-align: top;
      line-height: 1.5;
   }
   .history_table th::after {
      content: "";
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #fff100;
      position: absolute;
      right: -9px;
      top: 1.25em;
   }
   .history_table td {
      width: 95%;
      padding: 1em 20px;
      box-sizing: border-box;
      line-height: 1.5;
   }
   .history_table tr td.td_padding_top {
      padding: 1em 20px 0; 
   }
   .history_table tr td.td_padding_bottom {
      padding: 0.8em 20px 2em;
   }

   .history_table tr:first-child th,
   .history_table tr:first-child td{ padding-top: 0; }
   .history_table tr:first-child  th::after { top: 0.25em; }
   .history_table tr:first-child  th::before {
      content: "";
      width: 3px;
      height: 0.25em;
      background: #ffffff;
      position: absolute;
      right: -3px;
      top: 0;
   }

   #history .show_more {
      font-size: 18px;
      margin-top: 20px;
   }
   #history .show_more::before {
      width: 30px;
      height: 30px;
      position: relative;
      right: auto;
      top: auto;
      margin-bottom: -7px;
      margin-right: 10px;
   }
   #history .show_more::after {
      display: inline-block;
      content: "";
      width: 6px;
      height: 6px;
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      position: absolute;
      top: 11px;
      right: auto;
      left: 44.7%;
      transform: rotate(-135deg);
   }
   #history .show_more.active::after {
      top: 13px;
      transform: rotate(45deg);
   }
}
 



/* 地図・交通アクセス */
.about_map_img {
   width: 100%;
   height: 60vw;
   margin: 0 auto 20px;
}
@media screen and (min-width: 768px) {
    .about_map_img {
       height: 650px;
       margin: 0 auto 20px;
    }
}





/* 設備 */
#system {

}
#system h3 {
   font-size: 26px;
   font-weight: bold;
   margin-bottom: 30px;
}
#system .system_top_box {
   width: 640px;
   margin: 0 auto 0;
}
#system .slider_top {
   width: 640px;
   margin: 30px auto 0;
}
#system figcaption {
   font-size: 18px;
   font-weight: bold;
   padding-top: 10px;
}
#system figcaption span {
   font-weight: normal;
}

#system ul.img_list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
#system ul.img_list li {
   margin-top: 50px;
}
#system ul.img_list li.column2 {
   width: 46%;
}
#system ul.img_list li.column3 {
   width: 30%;
}
#system .slider_sp.sp_only {
   display: none;
}
@media screen and (max-width: 768px) {
   #system h3 {
      font-size: 5.3333vw;
      text-align: left;
      margin-bottom: 8vw;
   }
   #system .system_top_box {
      width: 100%;
   }
   #system .slider_top {
      width: 100%;
      margin: 8vw auto 0;
   }
   #system figcaption {
      font-size: 4.2667vw;
      padding-top: 2.6667vw;
   }
   #system figcaption span {
      line-height: 1.6;
   }

   #system ul.img_list.pc_only {
      display: none;
   }
   #system .slider_sp.sp_only {
      display: block;
   }
   #system .slider_sp {
      margin-top: 8vw;
   }
   #system .slider_sp ul li {
      text-align: center;
   }
   #system .slider_sp ul li img {
      width: 73.3333vw;
      margin: 0 auto;
   }
   #system .slider_sp ul li figcaption {
      display: block;
      width: 73.3333vw;
      margin: 0 auto;
      text-align: left;
   }

   #system .slider_sp .swiper-button-prev,
   #system .slider_sp .swiper-button-next {
      position: absolute;
      width: 8vw;
      height: 8vw;
      z-index: 10;
      margin-top: -8px;
      cursor: pointer;
      -moz-background-size: 8vw 8vw;
      -webkit-background-size: 8vw 8vw;
      background-size: 8vw 8vw;
      background-position: center;
      background-repeat: no-repeat;
  }
  #system .slider_sp .swiper-button-prev.swiper-button-white, 
  #system .slider_sp .swiper-container-rtl .swiper-button-next.swiper-button-white {
      background-image: url(https://www.taki.co.jp/wp-content/themes/taki2019/img/sub/left_arrow_icon.png);
      left: 0;
   }
   #system .slider_sp .swiper-button-next.swiper-button-white,
   #system .slider_sp .swiper-container-rtl .swiper-button-prev.swiper-button-white {
      background-image: url(https://www.taki.co.jp/wp-content/themes/taki2019/img/sub/right_arrow_icon.png);
      right: 0;
   }
}


/* 202506 ADD */
.about_wrap .underline-yellow {
   text-decoration: none;
   background-image: linear-gradient(to bottom, transparent 60%, #fff100 60%);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   transition: background-size 0.3s ease, text-decoration 0.3s ease;
}

.about_wrap .link_arrow {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   cursor: pointer;
   position: relative;
   box-sizing: border-box;
   overflow: hidden;
   margin: 0 0 -10px;
   background: #fff100;
   display: inline-block;
   top: -5px;
}
.about_wrap .link_arrow .eff-2 {
   width: 30px;
   height: 30px;
   background: #fff;
   top: 0px;
   left: -30px;
   position: absolute;
   transition: all .5s ease;
   z-index: 1;
}
.about_wrap .labo_top_box a:hover .link_arrow .eff-2 {
   left: 0;
}
.about_wrap .profile_txt a:hover .link_arrow .eff-2 {
   left: 0;
}
.about_wrap .link_arrow span {
   background-size: 19px;
   width: 30px;
   height: 30px;
   position: relative;
   color: #000;
   z-index: 3;
   display: block;
   background-image: url(../img/common/arrow_icon.png);
   background-position: 50%;
   background-repeat: no-repeat;
   position: relative;
   margin-top: 0;
}
/* 会社プロフィール */
.about_profile {
   align-items: center;
}
.about_wrap .profile_img {
   width: 49.6875%;
}
.about_wrap .profile_img a {
   transition: all 0.3 ease;
}
.about_wrap .profile_img a:hover {
   opacity: 0.7;
}
.about_wrap .profile_txt {
   width: 45.3125%;
}
#company .about_boxes>ul>li.about_block01 .profile_txt p {
   width: 100%;
}
.about_wrap .profile_txt b {
   display: block;
   font-weight: normal;
   margin-top: 20px;
}

/* 社会貢献活動 */
#labo .labo_top_box {
   margin: 60px 0;
}
#labo .labo_top_box b {
   display: block;
   font-size: 26px;
}
#labo .labo_top_box small {
   display: block;
   font-weight: bold;
   margin-top: 10px;
}
#labo .labo_top_box p {
   margin-top: 60px;
}
#labo .cont_box {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
#labo .cont_box .labo_img {
   width: 50%;
}
#labo .cont_box .labo_txt {
   width: 45.3125%;
}
#labo .cont_box .labo_txt dt {
   font-size: 18px;
}
#labo .cont_box .labo_txt dd {
   font-size: 14px;
   line-height: 1.7;
   margin-top: 20px;
}

@media screen and (max-width: 768px) {
   .about_wrap .labo_top_box a,
   .about_wrap .profile_txt a {
      transition: all 0s ease;
   }
   .about_wrap .link_arrow {
      width: 6vw;
      height: 6vw;
   }
   .about_wrap .link_arrow .eff-2 {
      width: 6vw;
      height: 6vw;
   }
   .about_wrap .link_arrow span {
      width: 6vw;
      height: 6vw;
   }
   .about_wrap .about_profile {
      display: block;
   }
   .about_wrap .profile_img {
      width: 100%;
      margin-bottom: 5.3333vw;
   }
   .about_wrap .profile_txt {
      width: 100%;
   }
   .about_wrap .profile_txt b {
      margin-top: 5.3333vw;
      font-size: 4.8vw;
   }

   /* 社会貢献活動 */
   #labo .labo_top_box {
      margin: 16vw 0;
   }
   #labo .labo_top_box b {
      font-size: 5.3333vw;
   }
   #labo .labo_top_box small {
      margin-top: 2.6667vw;
      font-size: 4.2667vw;
   }
   #labo .labo_top_box p {
      margin-top: 16vw;
   }
   #labo .cont_box {
      display: block;
   }
   #labo .cont_box .labo_img {
      width: 100%;
   }
   #labo .cont_box .labo_txt {
      width: 100%;
   }
   #labo .cont_box .labo_txt dt {
      font-size: 4.2667vw;
      margin-top: 8vw;
   }
   #labo .cont_box .labo_txt dd {
      font-size: 3.2vw;
      margin-top: 2.6667vw;
   }

   .about_wrap .about_group__inner .lead_txt {
      font-size: 4.2667vw;
      line-height: 1.75;
      margin-top: 16vw;
   }
   .about_wrap #group_company .about_group__inner h3.group_h3_txt {
      font-size: 4.2667vw;
      line-height: 1.75;
   }

   #group_company .about_group__inner .about_boxes ul li .bnr_box {
      width: 100%;
      margin: 4vw auto 0;
   }
}
 



/* 広告受賞歴 */
.award .cont_inner {
   padding-bottom: 85px;
}
.award .con_btnBox {
   width: 42%;
   background: #fff;
	margin: 60px auto 0;
	border: 1px solid #000;
	border-radius: 50px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 1;
}
.award .con_btnBox:hover {
	border: 1px solid #fff;
}
.award .con_btnBox a {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.award .con_btnBox .eff-01 {
	width: 100%;
	height: 100%;
	background: #fff100;
	border: 1px solid #fff100;
	color: #000;
	position: absolute;
	left: -101%;
	top: 0px;
	transition: all .5s ease;
	z-index: 1;
}
.award .con_btnBox:hover .eff-01 {
	left: 0;
}
.award .con_btnBox a p {
	margin: 20px 0;
	font-size: 18px;
	line-height: 1;
	text-align: left;
	position: relative;
	z-index: 2;
}
.award .con_btnBox a b {
	display: block;
	width: 7.5%;
	height: 1px;
	background: #000;
	position: absolute;
	right: 10%;
	top: 50%;
	z-index: 3;
}
.award .con_btnBox a b::before {
	display: block;
	content: "";
	width: 10px;
	height: 1px;
	margin-top: -4px;
	margin-left: -8px;
	background: #000;
	position: relative;
	left: 100%;
	top: 0;
	z-index: 4;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.award .con_btnBox a b::after {
	display: block;
	content: "";
	width: 10px;
	height: 1px;
	margin-top: 6px;
	margin-left: -8px;
	background: #000;
	position: relative;
	left: 100%;
	top: 0;
	z-index: 4;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
   .award .cont_inner {
      padding-bottom: 21.3333vw;
   }
   .award .con_btnBox {
      width: 82.6667vw;
      margin: 8vw auto 0;
   }
   .award .con_btnBox a p {
      margin: 2.6667vw 0;
      font-size: 3.7333vw;
      text-align: center;
      line-height: 1.75;
   }
   .award .con_btnBox a b {
      width: 4vw;
      right: 4.6667vw;
   }
   .award .con_btnBox a b::before {
      width: 2vw;
      margin-top: -0.5vw;
      margin-left: -1.5vw;
   }
   .award .con_btnBox a b::after {
      width: 2vw;
      margin-top: 1vw;
      margin-left: -1.5vw;
   }

}







/* facebook */
.about_wrap .facebook_share_wrap {
   max-width: 100%;
   margin: 0;
   padding: 0 0 160px;
}
.ft_tabs_wrap {
   margin: 0 !important;
   background: #f3f3f3;
   padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
   .about_wrap .facebook_share_wrap {
      padding: 0 0 21.3333vw;
   }
   .about_wrap .facebook_share_wrap .fb-share-button {
      width: 37.3333vw;
   }
   .ft_tabs_wrap {
      padding-top: 150px;
      background: #f3f3f3;

      padding-top: 0 !important;
   }
   .page-template-page-about .ft_tabs_wrap ul {
      display: block;

         border-top: 1px solid #cccccc;
         padding: 50px 0;
         display: block;
         display: -ms-flex-box;
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
   }

   .page-template-page-about .ft_tabs_wrap ul > li {
      line-height: 1;
      font-size: 12px;
      color: #999;
      margin-bottom: 1rem;
  }
  .page-template-page-about .ft_tabs_wrap ul > li > a,
  .page-template-page-about .ft_tabs_wrap ul > li > span {
   color: #000;
   padding: 0 10px;
   display: inline-block;
   text-align: center;
   font-size: 16px;
   line-height: 1;
   position: relative;
}
  .page-template-page-about .ft_tabs_wrap ul > li > a::before,
  .page-template-page-about .ft_tabs_wrap ul > li > span::before {
   display: block;
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   width: 1px;
   height: 100%;
   background: #000;
}
.page-template-page-about .ft_tabs_wrap ul > li:last-child > span::before {
   display: none;
}


}