.secAccess {
  display: none !important;
}

.secContact {
  display: none !important;
}

.secPlace {
  display: none !important;
}

footer {
  padding-top: 0;
}

@media print, screen and (min-width: 768px) {
  .mainContentArea .breadcrumbsList {
    padding-bottom: 32px;
  }
}
.secImgArea {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.secImgArea .secImgAreaIn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.secImgArea .secImgAreaIn .textArea {
  color: #ffffff;
  font-weight: bold;
}
.contactBtnWrap {
  margin: 0 auto;
}
.contactBtnWrap .contactBtn {
  border-radius: 50px;
  border: solid 1px #ffffff;
  background: url(../images/arrow_white_right.svg) 92% center no-repeat #FF763F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactBtnWrap .contactBtn .text {
  font-weight: bold;
  color: #ffffff;
}

.js-frame-btn {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .secImgArea.product {
    background-image: url(../images/product_bg_sp.jpg);
  }
  .secImgArea.reduction {
    background-image: url(../images/reduction_bg_sp.jpg);
  }
  .secImgArea.performance {
    background-image: url(../images/performance_bg_sp.jpg);
  }
  .secImgArea .secImgAreaIn {
    min-height: 202px;
  }
  .secImgArea .secImgAreaIn .textArea .textEn {
    font-size: 14px;
    padding: 0 0 4px 0;
  }
  .secImgArea .secImgAreaIn .textArea .textJp {
    font-size: clamp(14px, 6.15vw, 24px);
  }
  .contactBtnWrap {
    width: min(92vw, 358px);
    padding: 60px 0 0 0;
  }
  .contactBtnWrap .contactBtn {
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 17px 44px 18px 20px;
  }
  .contactBtnWrap .contactBtn .icon {
    width: 22px;
  }
  .contactBtnWrap .contactBtn .text {
    font-size: clamp(14px, 5.13vw, 20px);
    letter-spacing: 0.02em;
  }
}
@media print, screen and (min-width: 768px) {
  .secImgArea.product {
    background-image: url(../images/product_bg_pc.jpg);
  }
  .secImgArea.reduction {
    background-image: url(../images/reduction_bg_pc.jpg);
  }
  .secImgArea.performance {
    background-image: url(../images/performance_bg_pc.jpg);
  }
  .secImgArea .secImgAreaIn {
    min-height: 320px;
  }
  .secImgArea .secImgAreaIn .textArea .textEn {
    font-size: 16px;
    padding: 0 0 4px 0;
  }
  .secImgArea .secImgAreaIn .textArea .textJp {
    font-size: 28px;
  }
  .contactBtnWrap {
    width: min(100%, 642px);
    padding: 56px 0 0 0;
  }
  .contactBtnWrap .contactBtn {
    -moz-column-gap: 15px;
         column-gap: 15px;
    padding: 30px 0;
  }
  .contactBtnWrap .contactBtn .text {
    font-size: clamp(18px, 1.25vw, 24px);
  }
}
.secMv {
  background: linear-gradient(to right, #1F644E 0%, #7CD127 100%);
  height: 100vh;
  height: 100svh;
  position: relative;
}
.secMv .secPnkz {
  margin: 0 auto;
}
.secMv .secPnkz * {
  color: #ffffff !important;
}
.secMv .mvMain {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.secMv .mvMain .mvAnchorImg {
  position: relative;
  width: 100%;
}
.secMv .mvMain .mvAnchorImg .sliderArea {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 110px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.secMv .mvMain .mvAnchorImg .sliderArea .slideContainer {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
.secMv .mvMain .mvAnchorImg .sliderArea .slideContainer.slick-initialized {
  opacity: 1;
  pointer-events: inherit;
}
.secMv .mvMain .mvAnchorImg .imgArea {
  position: relative;
  z-index: 1;
  text-align: center;
}
.secMv .mvMain .mvText {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .secMv {
    display: flex;
    flex-direction: column;
    min-height: 720px;
    padding: 0 0 30px 0;
  }
  .secMv .secPnkz {
    width: 90%;
    padding: 66px 0 0 0;
  }
  .secMv .mvMain {
    flex-grow: 1;
    justify-content: space-evenly;
    padding: 0 0 40px 0;
  }
  .secMv .mvMain .mvTitle {
    padding: 0 4% 10px 4%;
  }
  .secMv .mvMain .mvAnchorImg .sliderArea {
    height: 76px;
  }
  .secMv .mvMain .mvAnchorImg .imgArea {
    width: min(90%, 307px);
    margin: 0 auto;
  }
  .secMv .mvMain .mvText {
    padding: 10px 0 0 0;
    font-size: clamp(14px, 4.1vw, 16px);
    line-height: 170%;
    width: min(92%, 358px);
    margin: 0 auto;
    text-align: center;
  }
  .secMv .mvFollowBtn {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .secMv .mvFollowBtn {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .secMv {
    display: flex;
    flex-direction: column;
    min-height: 820px;
  }
  .secMv .secPnkz {
    width: 95%;
    padding: 182px 0 0 0;
  }
  .secMv .mvMain {
    flex-grow: 1;
    justify-content: space-evenly;
  }
  .secMv .mvMain .mvTitle {
    padding: 0 0 10px 0;
  }
  .secMv .mvMain .mvText {
    padding: 10px 0 0 0;
    font-size: 18px;
    line-height: 170%;
    text-align: center;
  }
  .secMv .mvFollowBtn {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 35px;
  }
}
.secProblem {
  background: #ffffff;
}
.secProblem .secProblemIn .titleEn {
  color: #1F644E;
  font-weight: bold;
  text-align: center;
}
.secProblem .secProblemIn .titleJp {
  font-weight: bold;
  text-align: center;
}
.secProblem .secProblemIn .caseListWrap .caseList {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.secProblem .secProblemIn .caseListWrap .caseList .num {
  background: #1F644E;
  color: #ffffff;
  font-weight: bold;
}
.secProblem .secProblemIn .caseListWrap .caseList .text {
  font-weight: 500;
  line-height: 170%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .secProblem {
    padding: 80px 0 60px 0;
  }
  .secProblem .secProblemIn .titleEn {
    font-size: clamp(14px, 4.1vw, 16px);
  }
  .secProblem .secProblemIn .titleJp {
    font-size: clamp(14px, 6.15vw, 24px);
  }
  .secProblem .secProblemIn .caseListWrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 54px 0 0 0;
    row-gap: 32px;
    width: min(100%, 400px);
    margin: 0 auto;
  }
  .secProblem .secProblemIn .caseListWrap .caseList {
    display: grid;
    justify-content: space-between;
    grid-template-columns: min(38%, 135px) min(58%, 195px);
    align-items: flex-start;
  }
  .secProblem .secProblemIn .caseListWrap .caseList .num {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 6px 8px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 4px;
  }
  .secProblem .secProblemIn .caseListWrap .caseList .icon {
    grid-column: 1/2;
    grid-row: 1/3;
    padding: 0px 0 0 0;
  }
  .secProblem .secProblemIn .caseListWrap .caseList .text {
    grid-column: 2/3;
    grid-row: 2/3;
    font-size: clamp(14px, 4.1vw, 16px);
    text-align: left;
  }
}
@media print, screen and (min-width: 768px) {
  .secProblem {
    padding: 132px 0 90px 0;
  }
  .secProblem .secProblemIn .titleEn {
    font-size: clamp(14px, 0.83vw, 16px);
  }
  .secProblem .secProblemIn .titleJp {
    font-size: clamp(20px, 1.12vw, 28px);
  }
  .secProblem .secProblemIn .caseListWrap {
    display: flex;
    justify-content: space-between;
    padding: 52px 0 0 0;
    -moz-column-gap: 2.5%;
         column-gap: 2.5%;
  }
  .secProblem .secProblemIn .caseListWrap .caseList {
    row-gap: 24px;
    width: min(32.63%, 320px);
  }
  .secProblem .secProblemIn .caseListWrap .caseList .num {
    font-size: clamp(14px, 0.83vw, 16px);
    padding: 6px 8px;
  }
  .secProblem .secProblemIn .caseListWrap .caseList .text {
    font-size: clamp(12px, 0.94vw, 18px);
  }
}
.secSolution {
  position: relative;
  background: #1F644E;
}
.secSolution .bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #ffffff;
  left: 0;
  top: -1px;
}
.secSolution .solutionMain {
  position: relative;
  z-index: 1;
}
.secSolution .solutionMain .titleImg {
  text-align: center;
}
.secSolution .solutionMain .pointListWrap .pointList {
  background: #1F644E;
  transition: background-color 0.5s;
  border-bottom: solid 1px #ffffff;
}
.secSolution .solutionMain .pointListWrap .pointList .textCol {
  color: #ffffff;
  transition: color 0.5s;
}
.secSolution .solutionMain .pointListWrap .pointList .textCol .titleEn {
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.12em;
  transition: filter 0.5s;
}
.secSolution .solutionMain .pointListWrap .pointList .textCol .caption {
  font-weight: bold;
}
.secSolution .solutionMain .pointListWrap .pointList .iconCol {
  filter: brightness(100);
}
.secSolution .solutionMain .pointListWrap .pointList.on, .secSolution .solutionMain .pointListWrap .pointList:hover {
  background: #ffffff;
}
.secSolution .solutionMain .pointListWrap .pointList.on .textCol, .secSolution .solutionMain .pointListWrap .pointList:hover .textCol {
  color: #1F644E;
}
.secSolution .solutionMain .pointListWrap .pointList.on .textCol .titleEn, .secSolution .solutionMain .pointListWrap .pointList:hover .textCol .titleEn {
  filter: brightness(0) saturate(100%) invert(28%) sepia(76%) saturate(365%) hue-rotate(110deg) brightness(94%) contrast(90%);
}
.secSolution .solutionMain .pointListWrap .pointList.on .iconCol, .secSolution .solutionMain .pointListWrap .pointList:hover .iconCol {
  filter: brightness(1);
}
@media only screen and (max-width: 767px) {
  .secSolution {
    padding: 0 0 80px 0;
  }
  .secSolution .bg {
    height: min(8.72vw, 50px);
  }
  .secSolution .solutionMain {
    padding-top: min(21.54vw, 90px);
  }
  .secSolution .solutionMain .titleImg {
    padding: 0 0 60px 0;
    width: min(94%, 368px);
    margin: 0 auto;
  }
  .secSolution .solutionMain .pointListWrap {
    border-top: solid 1px #ffffff;
  }
  .secSolution .solutionMain .pointListWrap .pointList {
    display: grid;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    grid-template-columns: calc(100% - 50px) 32px;
    row-gap: 24px;
  }
  .secSolution .solutionMain .pointListWrap .pointList .imgCol {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .secSolution .solutionMain .pointListWrap .pointList .textCol {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .secSolution .solutionMain .pointListWrap .pointList .textCol .titleEn {
    padding: 0 0 10px 0;
  }
  .secSolution .solutionMain .pointListWrap .pointList .textCol .caption {
    font-size: clamp(14px, 4.62vw, 18px);
  }
  .secSolution .solutionMain .pointListWrap .pointList .iconCol {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media print, screen and (min-width: 768px) {
  .secSolution {
    padding: 0 0 120px 0;
  }
  .secSolution .bg {
    height: 5.7vw;
  }
  .secSolution .solutionMain {
    padding-top: 10.9vw;
  }
  .secSolution .solutionMain .titleImg {
    padding: 0 0 64px 0;
  }
  .secSolution .solutionMain .pointListWrap .pointList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
  }
  .secSolution .solutionMain .pointListWrap .pointList .imgCol {
    width: min(32%, 300px);
  }
  .secSolution .solutionMain .pointListWrap .pointList .textCol {
    width: calc(100% - min(32%, 300px) - min(8.58%, 91px));
    padding: 0 4.52%;
  }
  .secSolution .solutionMain .pointListWrap .pointList .textCol .titleEn {
    padding: 0 0 10px 0;
  }
  .secSolution .solutionMain .pointListWrap .pointList .textCol .caption {
    font-size: clamp(14px, 1.04vw, 20px);
  }
  .secSolution .solutionMain .pointListWrap .pointList .iconCol {
    width: min(8.58%, 91px);
  }
}
.secSuggest .secSuggestIn .titleImg {
  text-align: center;
}
.secSuggest .secSuggestIn .caption {
  text-align: center;
  font-style: italic;
  font-weight: bold;
  line-height: 115%;
}
.secSuggest .secSuggestIn .itemListWrap .itemList {
  display: flex;
  flex-direction: column;
}
.secSuggest .secSuggestIn .itemListWrap .itemList .itemName {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.secSuggest .secSuggestIn .itemListWrap .itemList .itemName.red {
  background-color: #BA4040;
}
.secSuggest .secSuggestIn .itemListWrap .itemList .itemName.green {
  background-color: #7DBA41;
}
.secSuggest .secSuggestIn .itemListWrap .itemList .itemName.blue {
  background-color: #3F94BA;
}
.secSuggest .secSuggestIn .itemListWrap .itemList .text {
  text-align: center;
  font-weight: 500;
  flex-grow: 1;
  line-height: 135%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .secSuggest {
    padding: 60px 0 66px 0;
  }
  .secSuggest .secSuggestIn .titleImg {
    padding: 0 0 48px 0;
  }
  .secSuggest .secSuggestIn .caption {
    font-size: clamp(14px, 6.15vw, 24px);
    line-height: 145%;
    letter-spacing: 0.05em;
  }
  .secSuggest .secSuggestIn .itemListWrap {
    padding: 42px 0 0 0;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
  }
  .secSuggest .secSuggestIn .itemListWrap .itemList {
    width: min(100%, 380px);
    margin: 0 auto;
  }
  .secSuggest .secSuggestIn .itemListWrap .itemList .itemName {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 9px 0;
  }
  .secSuggest .secSuggestIn .itemListWrap .itemList .text {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 10px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secSuggest {
    padding: 80px 0 48px 0;
  }
  .secSuggest .secSuggestIn .titleImg {
    padding: 0 0 48px 0;
  }
  .secSuggest .secSuggestIn .caption {
    font-size: clamp(21px, 1.82vw, 35px);
  }
  .secSuggest .secSuggestIn .itemListWrap {
    padding: 48px 0 0 0;
    display: flex;
    justify-content: space-between;
  }
  .secSuggest .secSuggestIn .itemListWrap .itemList {
    width: min(32%, 287px);
  }
  .secSuggest .secSuggestIn .itemListWrap .itemList .itemName {
    font-size: clamp(14px, 0.94vw, 18px);
    padding: 4px 0;
  }
  .secSuggest .secSuggestIn .itemListWrap .itemList .text {
    font-size: clamp(14px, 0.94vw, 18px);
    padding: 8px 0 0 0;
  }
}
.secDiagnose {
  position: relative;
  background: url(../images/diagnose_bg.jpg) center top repeat-y;
  background-size: 100%;
}
.secDiagnose .bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #ffffff;
  left: 0;
  top: -1px;
}
.secDiagnose .diagnoseMain {
  position: relative;
  z-index: 1;
}
.secDiagnose .diagnoseMain .title {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}
.secDiagnose .diagnoseMain .questionArea {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
}
.secDiagnose .diagnoseMain .resetBtnWrap {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .secDiagnose {
    padding: 0 0 92px 0;
  }
  .secDiagnose .bg {
    height: min(8.72vw, 50px);
  }
  .secDiagnose .diagnoseMain {
    padding: min(19.2vw, 80px) 0 0 0;
  }
  .secDiagnose .diagnoseMain .title {
    font-size: clamp(18px, 7.69vw, 30px);
    padding: 0 0 40px 0;
  }
  .secDiagnose .diagnoseMain .questionArea {
    height: clamp(560px, 100vh - 90px, 812px);
  }
  .secDiagnose .diagnoseMain .resetBtnWrap {
    padding: 40px 0 0 0;
  }
  .secDiagnose .diagnoseMain .resetBtnWrap .resetBtn {
    width: min(100%, 358px);
    margin: 0 auto;
    display: block;
  }
  .secDiagnose .diagnoseMain .contactBtnWrap {
    padding-top: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .secDiagnose {
    padding: 0 0 92px 0;
  }
  .secDiagnose .bg {
    height: 5.7vw;
  }
  .secDiagnose .diagnoseMain {
    padding: 7.78vw 0 0 0;
  }
  .secDiagnose .diagnoseMain .title {
    font-size: clamp(27px, 2.34vw, 45px);
    padding: 0 0 40px 0;
  }
  .secDiagnose .diagnoseMain .questionArea {
    height: 600px;
  }
  .secDiagnose .diagnoseMain .resetBtnWrap {
    padding: 56px 0 0 0;
  }
  .secDiagnose .diagnoseMain .contactBtnWrap {
    padding-top: 24px;
  }
}
.secReducation {
  background: #D1D9D6;
}
.secReducation .secReducationIn .topCaption {
  font-weight: 500;
}
.secReducation .secReducationIn .mainBox {
  background: #ffffff;
}
.secReducation .secReducationIn .mainBox .titleRow {
  background: #1F644E;
  color: #ffffff;
  font-weight: bold;
}
.secReducation .secReducationIn .mainBox .boxIn .meritRow {
  display: flex;
  align-items: center;
}
.secReducation .secReducationIn .mainBox .boxIn .meritRow .meritNum {
  background: #1F644E;
  color: #ffffff;
  font-weight: bold;
}
.secReducation .secReducationIn .mainBox .boxIn .meritRow .meritText {
  font-weight: bold;
  font-style: italic;
  color: #1F644E;
}
.secReducation .secReducationIn .mainBox .boxIn .graphBox {
  border: solid 4px #1F644E;
  background: #F6F9F8;
}
.secReducation .secReducationIn .mainBox .boxIn .graphBox .graphTitle {
  background: #1F644E;
  color: #ffffff;
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
}
.secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn {
  margin: 0 auto;
}
.secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg {
  width: 100%;
}
.secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .textImg {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .secReducation {
    padding: 56px 0;
  }
  .secReducation .secReducationIn .topCaption {
    font-size: clamp(14px, 4.36vw, 17px);
    padding: 0 0 36px 0;
  }
  .secReducation .secReducationIn .mainBox .titleRow {
    font-size: clamp(14px, 5.13vw, 20px);
    padding: 10px 8px;
    letter-spacing: 0.02em;
  }
  .secReducation .secReducationIn .mainBox .boxIn {
    padding: 40px 16px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .meritRow {
    flex-direction: column;
    align-items: flex-start;
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 0 0 10px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .meritRow .meritNum {
    font-size: 14px;
    padding: 4px 8px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .meritRow .meritText {
    font-size: clamp(17px, 7.44vw, 29px);
    padding: 6px 0 8px 0;
    letter-spacing: 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .costRow {
    padding: 0 0 30px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .costRow .img01 {
    padding: 0 0 20px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphTitle {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 0px 10px 4px 6px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn {
    padding: 20px 16px 32px 16px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .listImg {
    padding: 0 0 8px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg {
    overflow-x: auto;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg::-webkit-scrollbar {
    background: #1F644E;
    height: 5px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg::-webkit-scrollbar-track {
    background: #ddd;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg::-webkit-scrollbar-thumb {
    background: #1F644E;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg .scrollAreaIn {
    width: 848px;
    padding: 0 0 6px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .textImg {
    padding: 28px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secReducation {
    padding: 80px 0;
  }
  .secReducation .secReducationIn .topCaption {
    font-size: clamp(14px, 0.94vw, 18px);
    padding: 0 0 34px 0;
  }
  .secReducation .secReducationIn .mainBox .titleRow {
    font-size: clamp(18px, 1.25vw, 24px);
    padding: 16px;
  }
  .secReducation .secReducationIn .mainBox .boxIn {
    padding: min(3.4vw, 50px);
  }
  .secReducation .secReducationIn .mainBox .boxIn .meritRow {
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 0 0 24px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .meritRow .meritNum {
    font-size: clamp(14px, 0.83vw, 16px);
    padding: 4px 8px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .meritRow .meritText {
    font-size: clamp(25px, 2.19vw, 42px);
    padding: 0 0 8px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .costRow {
    display: flex;
    justify-content: space-between;
    padding: 0 0 48px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .costRow .img01 {
    width: 55.306%;
  }
  .secReducation .secReducationIn .mainBox .boxIn .costRow .img02 {
    width: 40.612%;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphTitle {
    font-size: clamp(13px, 1.67vw, 18px);
    padding: 0px 10px 4px 6px;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn {
    width: min(96%, 848px);
    padding: 30px 0 40px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .listImg {
    padding: 0 0 12px 0;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .graphImg .scrollAreaIn {
    width: 100%;
  }
  .secReducation .secReducationIn .mainBox .boxIn .graphBox .graphIn .textImg {
    padding: 12px 0 0 0;
  }
}
.secPerformance {
  background: #ffffff;
}
.secPerformance .secPerformanceIn .titleRow {
  background: #1F644E;
  color: #ffffff;
  font-weight: bold;
}
.secPerformance .secPerformanceIn .dataListWrap {
  display: flex;
  flex-direction: column;
}
.secPerformance .secPerformanceIn .dataListWrap .dataList .listTitle {
  font-weight: bold;
  border-bottom: solid 1px #D1D9D6;
}
.secPerformance .secPerformanceIn .dataListWrap .dataList .listDetail {
  font-weight: 500;
  line-height: 190%;
}
.secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn {
  display: flex;
  justify-content: space-between;
}
.secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .imgCol .imgNote {
  font-weight: bold;
  text-align: center;
}
.secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaTitle {
  font-weight: bold;
}
.secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaCaption {
  font-weight: bold;
}
.secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaDetail {
  font-weight: 500;
}
.secPerformance .secPerformanceIn .recordWrap .unionBox .unionText {
  font-weight: bold;
}
.secPerformance .secPerformanceIn .systemBox .systemTitle {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .secPerformance {
    padding: 60px 0 80px;
  }
  .secPerformance .secPerformanceIn .titleRow {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 8px 14px;
  }
  .secPerformance .secPerformanceIn .dataListWrap {
    padding: 24px 0 54px;
    row-gap: 28px;
  }
  .secPerformance .secPerformanceIn .dataListWrap .dataList .listTitle {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 0 0 10px 0;
  }
  .secPerformance .secPerformanceIn .dataListWrap .dataList .listDetail {
    font-size: 14px;
    padding: 8px 0 0 0;
    line-height: 215%;
  }
  .secPerformance .secPerformanceIn .recordWrap {
    padding: 0 0 60px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn {
    padding: 32px 0 0 0;
    flex-direction: column;
    align-items: center;
    row-gap: 32px;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .imgCol {
    width: min(60%, 160px);
    padding: 0px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .imgCol .imgNote {
    font-size: 14px;
    padding: 0px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaTitle {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 0 0 12px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaCaption {
    font-size: clamp(14px, 3.85vw, 15px);
    padding: 0 0 8px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaDetail {
    font-size: 14px;
    line-height: 190%;
    padding: 0 0 56px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .unionBox .unionImg {
    padding: 30px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .unionBox .unionText {
    font-size: 14px;
    letter-spacing: 0;
    padding: 10px 0 0 0;
  }
  .secPerformance .secPerformanceIn .systemBox {
    padding: 24px 0 0 0;
  }
  .secPerformance .secPerformanceIn .systemBox .systemTitle {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 0 0px 6px 0;
  }
  .secPerformance .secPerformanceIn .systemBox .systemData {
    padding: 0 0 0 0px;
    font-size: clamp(14px, 4.62vw, 18px);
  }
}
@media print, screen and (min-width: 768px) {
  .secPerformance {
    padding: 40px 0 80px;
  }
  .secPerformance .secPerformanceIn .titleRow {
    font-size: clamp(16px, 1.04vw, 20px);
    padding: 12px 16px;
  }
  .secPerformance .secPerformanceIn .dataListWrap {
    padding: 16px 0 40px;
    row-gap: 32px;
  }
  .secPerformance .secPerformanceIn .dataListWrap .dataList .listTitle {
    font-size: clamp(16px, 1.04vw, 20px);
    padding: 0 0 16px 0;
  }
  .secPerformance .secPerformanceIn .dataListWrap .dataList .listDetail {
    font-size: clamp(14px, 0.83vw, 16px);
    padding: 16px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap {
    display: flex;
    justify-content: space-between;
    padding: 0 0 40px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox {
    width: min(60.2%, 663px);
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn {
    padding: 32px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .imgCol {
    width: 32.27%;
    padding: 8px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .imgCol .imgNote {
    font-size: clamp(14px, 0.83vw, 16px);
    padding: 16px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol {
    width: 65.46%;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaTitle {
    font-size: clamp(16px, 1.04vw, 20px);
    padding: 0 0 12px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaCaption {
    font-size: clamp(14px, 0.83vw, 16px);
    padding: 0 0 4px 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .mediaBox .mediaIn .textCol .mediaDetail {
    font-size: clamp(10px, 1.09vw, 14px);
    line-height: 150%;
  }
  .secPerformance .secPerformanceIn .recordWrap .unionBox {
    width: min(38%, 375px);
  }
  .secPerformance .secPerformanceIn .recordWrap .unionBox .unionImg {
    padding: 30px 0 0 0;
  }
  .secPerformance .secPerformanceIn .recordWrap .unionBox .unionText {
    font-size: clamp(14px, 0.83vw, 16px);
    letter-spacing: 0;
    padding: 16px 0 0 0;
  }
  .secPerformance .secPerformanceIn .systemBox {
    display: flex;
    align-items: baseline;
    padding: 16px 0 0 0;
  }
  .secPerformance .secPerformanceIn .systemBox .systemTitle {
    font-size: clamp(16px, 1.04vw, 20px);
    padding: 0 20px 0 0;
  }
  .secPerformance .secPerformanceIn .systemBox .systemData {
    padding: 0 0 0 20px;
    font-size: clamp(16px, 1.04vw, 20px);
    border-left: solid 1px #D1D9D6;
    line-height: 100%;
  }
}
.secWorks {
  background: #D1D9D6;
}
.secWorks .secWorksIn .worksTitleEn {
  color: #1F644E;
  font-weight: bold;
}
.secWorks .secWorksIn .worksTitleJp {
  font-weight: bold;
}
.secWorks .secWorksIn .moreLinkArea .moreLink {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.secWorks .secWorksIn .moreLinkArea .moreLink .text {
  font-weight: bold;
  color: #000000;
}
.secWorks .content .imgArea {
  position: relative;
}
.secWorks .content .imgArea .tagWrap {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
}
.secWorks .content .imgArea .tagWrap a {
  padding: 4px 10px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
  .secWorks {
    padding: 78px 0 80px 0;
  }
  .secWorks .secWorksIn .worksTitleEn {
    font-size: 14px;
    padding: 0 0 8px 0;
  }
  .secWorks .secWorksIn .worksTitleJp {
    font-size: clamp(16px, 6.67vw, 26px);
    padding: 0 0 32px 0;
  }
  .secWorks .secWorksIn .moreLinkArea {
    padding: 40px 0 0 0;
  }
  .secWorks .secWorksIn .moreLinkArea .moreLink .text {
    font-size: clamp(14px, 4.62vw, 18px);
  }
  .secWorks .content .imgArea .tagWrap a {
    font-size: clamp(13px, 3.3vw, 16px);
  }
}
@media print, screen and (min-width: 768px) {
  .secWorks {
    padding: 80px 0 120px 0;
  }
  .secWorks .secWorksIn .worksTitleEn {
    font-size: clamp(14px, 0.83vw, 16px);
    padding: 0 0 4px 0;
  }
  .secWorks .secWorksIn .worksTitleJp {
    font-size: clamp(20px, 1.12vw, 28px);
    padding: 0 0 32px 0;
  }
  .secWorks .secWorksIn .moreLinkArea {
    padding: 70px 0 0 0;
  }
  .secWorks .secWorksIn .moreLinkArea .moreLink .text {
    font-size: clamp(16px, 1.04vw, 20px);
  }
}/*# sourceMappingURL=style.css.map */