@charset "UTF-8";
.company {
  /*経営理念ページ*/
}
.company.top .contents {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .company.top .contents {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.company.top .ttl {
  background: url(/company/img/top/bg_contents.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .company.top .ttl {
    background: url(/company/img/top/bg_contents_sp.jpg) no-repeat top center;
    background-size: cover;
  }
}
.company.top .page-ttl-company {
  font-size: 4.5rem;
  position: relative;
  color: #17A29B;
  font-family: "Heebo", sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .company.top .page-ttl-company {
    font-size: 3.125rem;
  }
}
.company.top .page-ttl-company span.page-ttl-s {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .company.top .page-ttl-company span.page-ttl-s {
    font-size: 0.75rem;
  }
}
.company.top .page-ttl-company.middle {
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company.top .page-ttl-company.middle {
    font-size: 2.5rem;
    line-height: 1;
  }
}
.company.top .page-ttl-company.middle span.page-ttl-s {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .company.top .page-ttl-company.middle span.page-ttl-s {
    margin-top: 10px;
  }
}
.company.top .company_top {
  width: 100%;
  background: url(/company/img/top/bg_aaa.jpg) no-repeat top center;
  background-size: cover;
}
.company.top .company_top_box {
  padding-top: 60px;
  width: 1200px;
  min-height: 696px;
  min-width: 1200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .company.top .company_top_box {
    padding-top: 20px;
    width: 350px;
    height: 342px;
    min-height: auto;
    min-width: auto;
  }
}
.company.top .company_top_box + .company_top_box {
  margin-top: -100px;
}
@media screen and (max-width: 767px) {
  .company.top .company_top_box + .company_top_box {
    margin-top: 0;
  }
}
.company.top .company_top_box a.more-btn {
  margin: 80px 0 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .company.top .company_top_box a.more-btn {
    margin: 32px 0 0;
  }
}
.company.top .company_top_box a.more-btn::before {
  background: #fff;
  background: linear-gradient(168deg, rgb(255, 255, 255) 0%, rgb(158, 247, 226) 100%) border-box border-box;
}
.company.top .company_top_box a.more-btn span.icon-arrow {
  content: "";
  background: #fff url(/assets/img/common/logo_arrow_g.png) no-repeat center center;
  background-size: 8px 4px;
}
.company.top .message {
  background: url(/company/img/top/bg_message.png) no-repeat top center;
  background-size: 100% auto;
  padding-left: 150px;
}
@media screen and (max-width: 767px) {
  .company.top .message {
    background: url(/company/img/top/bg_message_sp.png) no-repeat top center;
    background-size: 100% auto;
    padding-left: 20px;
  }
}
.company.top .mission-vision {
  background: url(/company/img/top/bg_missionvision.png) no-repeat top center;
  background-size: 100% auto;
  padding-left: 150px;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .company.top .mission-vision {
    background: url(/company/img/top/bg_missionvision_sp.png) no-repeat top center;
    background-size: 100% auto;
    padding-left: 20px;
  }
}
.company.top .company_section {
  padding: 140px 0 160px;
}
@media screen and (max-width: 767px) {
  .company.top .company_section {
    padding: 80px 0 88px;
  }
}
.company.top .company-inner {
  margin: 0 auto;
  width: 1140px;
}
@media screen and (max-width: 767px) {
  .company.top .company-inner {
    padding: 0 5%;
    width: 100%;
  }
}
.company.top .company_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.company.top .company_box + .company_box {
  margin-top: 180px;
}
@media screen and (max-width: 767px) {
  .company.top .company_box + .company_box {
    margin-top: 88px;
  }
}
.company.top .company_left {
  width: 340px;
}
@media screen and (max-width: 767px) {
  .company.top .company_left {
    margin-bottom: 32px;
    width: 100%;
  }
}
.company.top .company_right {
  width: 800px;
}
@media screen and (max-width: 767px) {
  .company.top .company_right {
    width: 100%;
  }
}
.company.top .company_detial dl {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: solid 1px #ccc;
}
.company.top .company_detial dl::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 1px;
  background: #666666;
  bottom: -1px;
}
.company.top .company_detial dl:nth-of-type(1) {
  border-top: solid 1px #ccc;
}
.company.top .company_detial dl:nth-of-type(1)::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 1px;
  background: #666666;
  top: -1px;
}
.company.top .company_detial dl dt {
  width: 20%;
  font-size: 0.875rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .company.top .company_detial dl dt {
    margin-bottom: 8px;
    width: 100%;
    font-size: 0.75rem;
  }
}
.company.top .company_detial dl dd {
  width: 80%;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .company.top .company_detial dl dd {
    width: 100%;
    font-size: 0.875rem;
  }
}
.company.top .plants {
  padding: 120px 0 160px;
  background: #F5F5F5;
}
@media screen and (max-width: 767px) {
  .company.top .plants {
    padding: 80px 0 105px;
  }
}
.company.top .plants .company_detial:not(:last-of-type) {
  margin-bottom: 104px;
}
@media screen and (max-width: 767px) {
  .company.top .plants .company_detial:not(:last-of-type) {
    margin-bottom: 80px;
  }
}
.company.top .plants .plants_title_large {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 25px;
  font-size: 1.75rem;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_title_large {
    margin-bottom: 32px;
    padding-bottom: 1em;
    font-size: 1.5rem;
  }
}
.company.top .plants .plants_title_large::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 1px;
  background: #666666;
  bottom: -1px;
}
.company.top .plants .plants_title_middle {
  margin-bottom: 24px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_title_middle {
    margin-bottom: 24px;
    font-size: 1rem;
  }
}
.company.top .plants .plants_title_middle .plants_middle_en {
  font-size: 0.875rem;
  color: #666666;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_title_middle .plants_middle_en {
    font-size: 0.75rem;
  }
}
.company.top .plants .plants_box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.company.top .plants .plants_box + .plants_box {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box + .plants_box {
    margin-top: 40px;
  }
}
.company.top .plants .plants_box.center {
  align-items: center;
}
.company.top .plants .plants_box .plants_left {
  width: 345px;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box .plants_left {
    margin-bottom: 18px;
    width: 100%;
  }
}
.company.top .plants .plants_box .plants_right {
  width: 415px;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box .plants_right {
    width: 100%;
  }
}
.company.top .plants .plants_box .plants_site .site_name {
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box .plants_site .site_name {
    margin-bottom: 1em;
    font-size: 1rem;
  }
}
.company.top .plants .plants_box .plants_site .site_name_middle {
  margin-bottom: 1em;
  padding-bottom: 1em;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box .plants_site .site_name_middle {
    font-size: 1.375rem;
  }
}
.company.top .plants .plants_box .plants_site .site_name_middle span {
  display: inline-block;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box .plants_site .site_name_middle span {
    font-size: 1rem;
  }
}
.company.top .plants .plants_box .plants_site .site_address {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .company.top .plants .plants_box .plants_site .site_address {
    font-size: 0.875rem;
  }
}
.company.top .plants .plants_box .plants_site a.company-link {
  color: #888888;
}
.company.message .contents {
  padding: 110px 0 0px;
}
@media screen and (max-width: 767px) {
  .company.message .contents {
    padding: 87px 0 0px;
  }
}
.company.message .ttl {
  background: url(/company/img/message/bg_contents.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .company.message .ttl {
    background: url(/company/img/message/bg_contents_sp.jpg) no-repeat top center;
    background-size: cover;
  }
}
.company.message .president_top {
  margin-bottom: 120px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .company.message .president_top {
    margin-bottom: 80px;
  }
}
.company.message .president_top .imgbox {
  position: relative;
  width: 50%;
  height: 609px;
  background: url(/company/img/message/president_tp_bg.png) no-repeat top right;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .company.message .president_top .imgbox {
    height: 279px;
    width: 95%;
    margin-right: auto;
  }
}
.company.message .president_top .imgbox figure {
  width: 420px;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 150px;
}
@media screen and (max-width: 767px) {
  .company.message .president_top .imgbox figure {
    width: 197px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.company.message .president_top .txtbox {
  position: relative;
  margin-top: 70px;
  width: 50%;
  height: 609px;
  padding-top: 96px;
  padding-left: 60px;
  background: #12918B;
}
@media screen and (max-width: 767px) {
  .company.message .president_top .txtbox {
    margin-top: -80px;
    padding: 112px 4% 40px;
    width: 100%;
    height: auto;
    z-index: -1;
  }
}
.company.message .president_top .txtbox::before {
  position: absolute;
  top: 0;
  left: -171px;
  content: "";
  width: 172px;
  height: 609px;
  background: url(/company/img/message/president_d.png) no-repeat top left;
  background-size: cover;
  z-index: -1;
}
.company.message .president_top .president-ttl {
  margin-bottom: 72px;
  font-size: 2.25rem;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company.message .president_top .president-ttl {
    margin-bottom: 40px;
    font-size: 1.5rem;
  }
}
.company.message .president_top .president-name {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company.message .president_top .president-name {
    font-size: 1.25rem;
  }
}
.company.message .president_top .president-name span {
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .company.message .president_top .president-name span {
    font-size: 0.875rem;
  }
}
.company.message .president_section .president_section_box {
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box {
    flex-wrap: wrap;
  }
}
.company.message .president_section .president_section_box + .president_section_box {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box + .president_section_box {
    margin-top: 104px;
  }
}
.company.message .president_section .president_section_box:last-of-type {
  padding-bottom: 160px;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box:last-of-type {
    padding-bottom: 40px;
  }
}
.company.message .president_section .president_section_box:last-of-type::after {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  content: "";
  width: 800px;
  height: 348px;
  background: url(/company/img/message/president_contents_b.png) no-repeat bottom right;
  background-size: contain;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box:last-of-type::after {
    width: 100%;
    height: 383px;
    background: url(/company/img/message/president_contents_b_sp.png) no-repeat bottom right;
    background-size: 100% auto;
  }
}
.company.message .president_section .president_section_box.reverse .imgbox {
  order: 1;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box.reverse .imgbox {
    order: 0;
  }
}
.company.message .president_section .president_section_box.reverse .imgbox::before {
  top: 0;
  left: 0;
  transform: rotateX(0deg) rotateY(0deg);
}
.company.message .president_section .president_section_box.reverse .txtbox-inner {
  margin-left: auto;
  margin-right: 7%;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box.reverse .txtbox-inner {
    margin-right: auto;
  }
}
.company.message .president_section .president_section_box .imgbox {
  position: relative;
  max-width: 1000px;
  min-width: 735px;
  width: 52vw;
  height: 609px;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .imgbox {
    margin-bottom: 32px;
    min-width: 95%;
    width: 95%;
    height: 79vw;
    margin-left: auto;
  }
}
.company.message .president_section .president_section_box .imgbox.img_n01 {
  background: url(/company/img/message/president01.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .imgbox.img_n01 {
    background-size: contain;
  }
}
.company.message .president_section .president_section_box .imgbox.img_n02 {
  background: url(/company/img/message/president02.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .imgbox.img_n02 {
    background-size: contain;
    margin-left: 0;
    margin-right: auto;
  }
}
.company.message .president_section .president_section_box .imgbox.img_n03 {
  background: url(/company/img/message/president03.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .imgbox.img_n03 {
    background-size: contain;
  }
}
.company.message .president_section .president_section_box .imgbox.img_n04 {
  background: url(/company/img/message/president04.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .imgbox.img_n04 {
    background-size: contain;
  }
}
.company.message .president_section .president_section_box .imgbox::before {
  position: absolute;
  top: 0;
  right: -1px;
  content: "";
  width: 96px;
  height: 609px;
  background: url(/company/img/message/president_t.png) no-repeat top left;
  background-size: cover;
  transform: rotateX(180deg) rotateY(180deg);
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .imgbox::before {
    width: 12.5vw;
    height: 100%;
  }
}
.company.message .president_section .president_section_box .txtbox {
  position: relative;
  max-width: 1000px;
  min-width: 505px;
  width: 47vw;
  height: 609px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .txtbox {
    min-width: 100%;
    width: 100%;
    height: auto;
    align-items: baseline;
  }
}
.company.message .president_section .president_section_box .txtbox-inner {
  margin-left: 7%;
  margin-right: auto;
  width: 450px;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .txtbox-inner {
    margin-left: auto;
    padding: 0 5%;
    width: 100%;
  }
}
.company.message .president_section .president_section_box .president_section-txt {
  width: 430px;
}
@media screen and (max-width: 767px) {
  .company.message .president_section .president_section_box .president_section-txt {
    width: 100%;
  }
}
.company.message .president_section-ttl {
  margin-bottom: 64px;
  font-size: 1.75rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company.message .president_section-ttl {
    margin-bottom: 32px;
    font-size: 1.5rem;
  }
}
.company.message .president_section-txt {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .company.message .president_section-txt {
    font-size: 0.875rem;
  }
}
.company.message .president_bottom {
  position: relative;
  width: 100%;
  height: 748px;
  background: url(/company/img/message/president04.jpg) no-repeat top right;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .company.message .president_bottom {
    height: auto;
    background: #999999;
  }
}
.company.message .president_bottom .sp-president_bottom {
  display: none;
}
@media screen and (max-width: 767px) {
  .company.message .president_bottom .sp-president_bottom {
    display: block;
  }
}
.company.message .president_bottom .president_section-ttl {
  color: #fff;
}
.company.message .president_bottom .president_section-txt {
  color: #fff;
}
.company.message .president_bottom .txtbox {
  margin: 0 80px;
  padding-top: 375px;
  width: 650px;
}
@media screen and (max-width: 767px) {
  .company.message .president_bottom .txtbox {
    margin: 0 auto;
    padding: 32px 5% 105px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy.page .ttl {
    padding: 63px 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy.page .ttl .page-ttl {
    margin-bottom: 60px;
    line-height: 1.1;
  }
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy.page .ttl .page-ttl:before {
    top: -18px;
    left: 8px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy.page .ttl .page-ttl .page-ttl-s {
    margin-top: 10px;
  }
}
.company.corporate_philosophy .contents {
  background-color: #F5F5F5;
  padding: 160px 0 145px;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .contents {
    padding: 64px 0 105px;
  }
}
.company.corporate_philosophy .corporate_philosophy_top {
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_top {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_top .item_img_scroll {
    overflow-x: scroll;
  }
}
.company.corporate_philosophy .corporate_philosophy_top .item_img_scroll::-webkit-scrollbar {
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 20px;
}
.company.corporate_philosophy .corporate_philosophy_top .item_img_scroll::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_top .item_img_scroll .scrollbox {
    margin-bottom: 14px;
    width: 624px;
  }
}
.company.corporate_philosophy .corporate_philosophy_section {
  padding: 60px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section {
    padding: 22px 5%;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box:not(:last-of-type) {
  margin-bottom: 94px;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box:not(:last-of-type) {
    margin-bottom: 64px;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl {
  margin-bottom: 30px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #ddd;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl {
    margin-bottom: 25px;
    padding-bottom: 8px;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span {
  display: inline-block;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 55px;
  background: #02666c;
  -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
          clip-path: polygon(0 100%, 50% 0, 100% 100%);
  font-size: 1.375rem;
  color: #fff;
  font-family: "Heebo", sans-serif;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku {
    width: 44px;
    height: 38px;
    font-size: 0.9375rem;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -13%);
  position: absolute;
  z-index: 20;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku_en {
  margin: 0 24px;
  font-size: 2.5rem;
  color: #02666C;
  font-family: "Heebo", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku_en {
    margin: 0 3%;
    font-size: 1.875rem;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku_txt {
  font-size: 1.125rem;
  color: #02666C;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl span.sankaku_txt {
    font-size: 1rem;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box.n02 .corporate_philosophy-ttl span.sankaku {
  background: #0D847B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box.n02 .corporate_philosophy-ttl span.sankaku_en {
  color: #0D847B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box.n02 .corporate_philosophy-ttl span.sankaku_txt {
  color: #0D847B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box.n03 .corporate_philosophy-ttl span.sankaku {
  background: #17A29B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box.n03 .corporate_philosophy-ttl span.sankaku_en {
  color: #17A29B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box.n03 .corporate_philosophy-ttl span.sankaku_txt {
  color: #17A29B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl-sub {
  margin-bottom: 24px;
  font-size: 1.375rem;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .corporate_philosophy-ttl-sub {
    margin-bottom: 8px;
    font-size: 1.125rem;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #ddd;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox {
    margin-bottom: 24px;
    width: 100%;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox > div {
  width: 25%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox > div {
    width: 100%;
    padding: 5%;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox > div:not(:last-of-type) {
  border-right: solid 1px #ddd;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox > div:not(:last-of-type) {
    border-right: none;
    border-bottom: solid 1px #ddd;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox .valuebox-ttl {
  margin-bottom: 4px;
  font-weight: 500;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox .valuebox-ttl span {
  display: block;
  color: #17A29B;
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox .valuebox-ttl span:first-of-type {
  font-size: 1.875rem;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox .valuebox-ttl span:first-of-type {
    font-size: 1.5rem;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox .valuebox-ttl span:last-of-type {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox .valuebox-ttl span:last-of-type {
    font-size: 1rem;
  }
}
.company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox p {
  font-size: 1.375rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company.corporate_philosophy .corporate_philosophy_section .corporate_philosophy_box .valuebox p {
    font-size: 1.125rem;
  }
}/*# sourceMappingURL=company_common.css.map */