@charset "utf-8";
/* index */
.br_pc { }
.business-activityWrapp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.6;
}
.business-activityWrapp .cKey { color: #229759; }
.busActivity-titleWrapp {
  width: 1200px;
  margin: 30px auto 120px;
  text-align: center;
  position: relative;
}
.busActivity-titleWrapp h1 {
  width: 50%;
  position: relative;
  margin: 0 !important;
  background-color: #229759;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.busActivity-titleWrapp::before {
  width: calc( 100% - 30px );
  height: 150%;
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
  background: url(../images/business-activity-titleback.jpg) no-repeat top right;
  background-size: cover;
  z-index: 1;
}
.busActivity-titleWrapp h1::before {
  width: 30px;
  height: 20px;
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  background: url(../images/title-bottom.svg) no-repeat top left;
  background-size: 100%;
  z-index: 1;
}
.busActivity-titleWrapp h1 strong {
  padding-top: 60px;
  padding-bottom: 80px;
  font-size: 2.75em;
  color: #FFF;
  letter-spacing: 10px;
  font-weight: 500;
}
#busActivity-mainWrapp {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
}
#busActivity-mainWrapp h2 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}
#busActivity-mainWrapp h2 strong {
  font-weight: 500;
  display: block;
}
#busActivity-mainWrapp h2 strong.title {
  font-size: 2.75em;
  line-height: 2em;
  padding-bottom: 10px;
}
#busActivity-mainWrapp h2 strong.subtitle {
  display: block;
  font-size: 1.5em;
  position: relative;
  padding-left: 80px;
}
#busActivity-mainWrapp h2 strong.subtitle::before {
  width: 60px;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;  
	transform: translateY(-50%);
  left: 0;
  background-color: #707070;
}

.busActivity-indexWrapp {
  width: 100%;
  padding: 80px 0;
}

.busActivity-indexInner {
  width: auto;
  display: flex;
  justify-content: space-between;
  padding: 80px 100px;
}
.busActivity-indexInner .comingsoon {
  width: 100%;
  text-align: center;
  font-size: 2.5em;
}
.busActivity-indexInner:first-child {
  padding: 0 100px 80px;
}
.busActivity-indexInner.evenContents {
  background-color: #F9F9F9;
  flex-direction: row-reverse;
}
.busActivity-indexInner .wrappLeft {
  width: 42%;
}
.busActivity-indexInner .wrappRight {
  width: 50%;
}
.busActivity-indexInner .imgDetail {
}
.busActivity-indexInner .imgDetail dt img {
  width: 100%;
}
.busActivity-indexInner .imgDetail dd a {
  width: 100%;
  height: 90px;
  position: relative;
  display: flex;
  background-color: #434343;
}
.busActivity-indexInner .imgDetail dd a::after {
  width: 90px;
  height: 90px;
  content: "";
  background: url(../images/icon-arrow.svg) no-repeat center center;
  background-size: 14px 28px;
}
.busActivity-indexInner .imgDetail dd a span {
  width: calc( 100% - 90px );
  height: 90px;
  line-height: 90px;
  background-color: #229759;
  color: #FFF;
  display: flex;
  justify-content: center;
  font-size:1.25em;
}
.busActivity-indexInner .imgDetail dd a:hover {
  background-color: #8d8d8d;
}
.busActivity-indexInner .imgDetail dd a:hover span {
  background-color: #5fe39d;
}
.busActivity-indexInner .textDetail {
  font-size: 1.25em;
  font-weight: normal;
}

/* contents */
.busActivity-TitleWrapp {
  width: 1200px;
  margin: 60px auto 0;
  position: relative;
  text-align: left;
  line-height: 1.8;
  background: url(../images/business-activity-contentstitleback.jpg) no-repeat center center;
  background-size:cover ;
}
.busActivity-TitleWrapp strong {
  font-weight: normal;
}
.busActivity-TitleWrapp::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.4);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.busActivity-contentsTitle {
  width: 100%;
  position: relative;
  color: #FFF;
  font-weight: 400;
  z-index: 2;
}
.busActivity-contentsTitle .category {
  width: 100%;
  background: rgba(34,151,89,0.8);
}
.busActivity-contentsTitle .category strong {
  width: auto;
  padding: 10px 20px;
  font-size: 1.15em;
  display: block;
}
.busActivity-contentsTitle .h1Wrapp {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0;
}
.busActivity-contentsTitle .h1Wrapp h1 {
  margin-bottom: 40px;
}
.busActivity-contentsTitle .h1Wrapp h1 strong {
  font-weight: 500;
}
.busActivity-contentsTitle .h1Wrapp h1 strong.title {
  font-size: 2.75em;
  line-height: 2em;
  display: block;
  margin-bottom: 10px;
}
.busActivity-contentsTitle .h1Wrapp h1 strong.subtitle {
  display: block;
  font-size: 1.5em;
  position: relative;
  padding-left: 80px;
}
.busActivity-contentsTitle .h1Wrapp h1 strong.subtitle::before {
  width: 60px;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;  
	transform: translateY(-50%);
  left: 0;
  background-color: #FFF;
}
.busActivity-contentsTitle .h1Wrapp p {
  font-size: 1.15em;
}
.busActivity-contentsTitle .interviewHead {
  width: 100%;
  padding: 60px 0;
  background: rgba(0,0,0,0.6);
}
.busActivity-contentsTitle .interviewHead dl {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.busActivity-contentsTitle .interviewHead dt {
  width: 35%;
  max-height: 220px;
  overflow: hidden;
}
.busActivity-contentsTitle .interviewHead dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.busActivity-contentsTitle .interviewHead dd {
  width: 60%;
}
.busActivity-contentsTitle .interviewHead .nameWrapp  {
  margin-bottom: 30px;
  display: flex;
}
.busActivity-contentsTitle .interviewHead .division  {
  font-size: 1.15em;
  margin-right: 20px;
}
.busActivity-contentsTitle .interviewHead .name  {
  font-size: 2em;
}
.busActivity-sectionWrapp {
  width: 1200px;
  margin: 0 auto;
  /*position: relative;*/
  text-align: left;
  line-height: 1.8;
  padding-top: 80px;
  padding-bottom: 80px;
}
/*.busActivity-sectionWrapp.imgBack::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.6);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}*/
.busActivity-sectionWrapp.back01 {
  background: url(../images/business-activity-section1.jpg) no-repeat center center;
  background-size:cover ;
  z-index: -1;
}
.busActivity-sectionWrapp.back02 {
  background: url(../images/business-activity-section2.jpg) no-repeat center center;
  background-size:cover ;
  z-index: -1;
}
.busActivity-section {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.busActivity-section.evenContents {
  flex-direction: row-reverse;
}
.busActivity-section .section.textDetail {
  width: 50%;
}
.busActivity-section .section.textDetail h2 {
  font-size: 1.75em;
  display: block;
  margin-bottom: 30px;
}
.busActivity-section .section.textDetail h3 {
  font-size: 1.4em;
  display: block;
  margin-bottom: 30px;
}
.busActivity-section .section.textDetail p {
  font-size: 1.15em;
}
.busActivity-section .section.imgDetail {
  width: 45%;
}
.busActivity-section .bg-white {
  background: #fff;
  padding: 10px;
}
.busActivity-section-fullWidth {
  width: 1000px;
  margin: 60px auto 0;
  color: #000;
  overflow: hidden;
}
.busActivity-section .section.imgDetail .img80 {
  width: 80%;
  margin:  0 auto;
}
.busActivity-section .section.imgDetail img {
  width: 100%;
}
.busActivity-section .section.imgDetail ul.checkpoint {
}
.busActivity-section .section.imgDetail ul.checkpoint li {
  display: block;
  position: relative;
  padding: 0.5rem 0 0.5rem 1.5rem;
  font-size: 18px;
}
.busActivity-section .section.imgDetail ul.checkpoint li::after {
  content: '';
  display: block;
  position: absolute;
  top: 1em;
  left: 0;
  width: 10px;
  height: 5px;
  border-left: 3px solid #d2ff08;
  border-bottom: 3px solid #d2ff08;
  transform: rotate(-45deg);
}
.busActivity-sectionWrapp.imgBack {
  color: #FFF;
}

.busActivity-nextContents {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  line-height: 1.8;
  padding-top: 80px;
  padding-bottom: 80px;
  background: rgb(71,171,223);
  background: linear-gradient(90deg, rgba(71,171,223,1) 0%, rgba(34,151,89,1) 100%);
}
.busActivity-nextContents .nextContents {
  width: 1000px;
  margin: 0 auto;
  color: #FFF;
}
.busActivity-nextContents .nextContents h2 {
  font-size: 2.5em;
  display: block;
}
.busActivity-nextContents .nextContents h3 {
  display: block;
  font-size: 1.5em;
  position: relative;
  padding-left: 80px;
}
.busActivity-nextContents .nextContents h3 strong::before {
  width: 60px;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;  
	transform: translateY(-50%);
  left: 0;
  background-color: #FFF;
}

.busActivity-section p.caption { font-size: 0.9em; }

@media screen and (max-width: 1200px) {
  .busActivity-titleWrapp {
    width: auto;
    margin: 30px 5% 120px;
  }  
  #busActivity-mainWrapp {
    width: auto;
    margin: 0 5%;
  }
  #busActivity-mainWrapp h2 {
    width: auto;
    margin: 0 5%;
  }  
  .busActivity-TitleWrapp {
    width: 100%;
    margin: 60px 0 0;
  }
  .busActivity-contentsTitle .h1Wrapp {
    width: auto;
    margin: 0 5%;
  }
  .busActivity-contentsTitle .interviewHead dl {
    width: auto;
    margin: 0 5%;
  }
  .busActivity-indexInner:first-child {
    padding: 0 20px 80px;
  }
  .busActivity-sectionWrapp {
    width: 100%;
    margin: 0;
    overflow-x: auto;
  }
  .busActivity-section {
    width: auto;
    margin: 0 5%;
  }
  .busActivity-nextContents {
    width: auto;
    margin: 0 5%;
  }
  .busActivity-nextContents .nextContents {
    width: auto;
    margin: 0 5%;
  }
}

@media screen and (max-width: 768px) {
  .br_pc { display: none ;}
  .busActivity-titleWrapp {
    margin: 30px 5% 60px;
  } 
    .busActivity-titleWrapp h1 strong {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 24px;
    letter-spacing: 5px;
  }
  #busActivity-mainWrapp h2 strong.title {
    font-size: 2.25em;
    line-height: 1.6em;
    margin-bottom: 20px;
  }
  h2 strong.subtitle {
    font-size: 1.25em;
    line-height: 1.4em;
    padding-left: 60px;
  }
  h2 strong.subtitle::before {
    width: 40px;
  }
  .busActivity-indexInner {
    width: auto;
    display: block;
    padding: 80px 20px;
  }
  .busActivity-indexInner.evenContents {
    flex-direction: row;
  }
  .busActivity-indexInner .wrappLeft {
    width: 100%;
    margin-bottom: 40px;
  }
  .busActivity-indexInner .wrappRight {
    width: 100%;
    font-size: 18px;
  }
  
  .busActivity-contentsTitle .h1Wrapp h1 {
    margin-bottom: 40px;
  }
  .busActivity-contentsTitle .h1Wrapp h1 strong.title {
    font-size: 2.75em;
    line-height: 1.6em;
    margin-bottom: 30px;
  }
  .busActivity-contentsTitle .h1Wrapp h1 strong.subtitle {
    font-size: 1.25em;
    line-height: 1.4em;
    padding-left: 60px;
  }
  .busActivity-contentsTitle .h1Wrapp h1 strong.subtitle::before {
    width: 40px;
  }
  .busActivity-contentsTitle .interviewHead .nameWrapp  {
    display: block;
  }
  .busActivity-contentsTitle .interviewHead .division {
    display: block;
  }
  .busActivity-contentsTitle .interviewHead dl {
    display: block;
  }
  .busActivity-contentsTitle .interviewHead dt {
    width: 100%;
    max-height: 340px;
    margin-bottom: 20px;
  }
  .busActivity-contentsTitle .interviewHead dd {
    width: 100%;
  }
  .busActivity-section {
    display: block;
  }
  .busActivity-section.evenContents {
    flex-direction: row;
  }
  .busActivity-section .section.textDetail {
    width: 100%;
    margin-bottom: 40px;
  }
  .busActivity-section .section.imgDetail {
    width: 100%;
  }
  .busActivity-contentsTitle .interviewHead dd p {
    font-size: 16px;
}
  .busActivity-contentsTitle .h1Wrapp p {
    font-size: 18px;
  }
  .busActivity-section .section.textDetail p {
    font-size: 18px;
  }
}

.comparison-table {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  width: 100%;
  border: 1px solid #ccc;
}

.comparison-table .row {
  display: flex;
  min-width: 900px; /* スクロールを機能させるため */
}

.comparison-table .cell {
  flex: 1;
  padding: 0.8em;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
}

.comparison-table .header .cell {
  background: #969696;
  color: white;
  font-weight: bold;
}

.comparison-table .cell.header {
  background: #969696;
  color: white;
  font-weight: bold;
  text-align: left;
}

.comparison-table .cell.focus {
  background: #5abeb6;
  color: white;
  font-weight: bold;
}
.comparison-table .cell.detail {
  font-size: 1.15em;
}

@media screen and (max-width: 768px) {  
  .busActivity-sectionWrapp {
    width: 100% !important;
    margin: 0;
  }
  .busActivity-section-fullWidth {
    width: auto !important;
    margin: 0 5%;
  }
  .comparison-table {
    display: block !important;
    width: auto;
    overflow-x: auto !important;
  }
  .comparison-table .row {
    display: flex !important;
    flex-wrap: nowrap;
    min-width: 900px;
  }
  .comparison-table .cell {
    min-width: 120px;
  }
}