@charset "UTF-8";

body, * {
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (min-width: 1280px) {
  main.contents section .sectionTitle {
    padding-bottom: 60px;
  }
  main.contents section.OurBusiness {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 60px;
  }
  main.contents section.OurBusiness .sectionText {
    line-height: 36px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent {
    position: relative;
    padding-top: 40px;
    padding-bottom: 80px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 100px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .ContentImage {
    width: 360px;
    position: relative;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent {
    position: relative;
    width: calc(100% - 360px);
    padding-left: 20px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    text-align: left;
    color: #009b63;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle.sp {
    display: none;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle.pc {
    display: block;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle span {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #009b63;
    border-radius: 50rem;
    line-height: 27px;
    padding: 5px 7px;
    margin-right: 15px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .BusinessDescription {
    position: relative;
    padding-top: 12px;
    padding-bottom: 37px;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #333;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle {
    position: relative;
    padding-bottom: 10px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle span {
    position: relative;
    padding: 0 20px 0 15px;
    background-color: #009b63;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle span::before {
    content: "事例紹介";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #009b63;
    background: #FFF;
    right: 1px;
    top: 1px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent {
    position: relative;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p {
    position: relative;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #333;
    padding-left: 15px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #009b63;
    transform: rotate(45deg);
    left: 0;
    top: 8px;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p:hover {
    cursor: pointer;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:nth-child(2n) {
    flex-direction: row-reverse;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:nth-child(2n) .BusinessTextContent {
    padding-left: 0;
    padding-right: 1.5625vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:last-child {
    padding-bottom: 0;
  }
  main.contents section.businessAchievement {
    padding: 80px 0;
    background: rgba(0, 104, 183, 0.03);
  }
  main.contents section.businessAchievement .sectionText {
    line-height: 36px;
  }
  main.contents section.businessAchievement .businessAchievementContent {
    position: relative;
    padding-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    width: 300px;
    height: 300px;
    background: rgba(0, 104, 183, 0.1);
    border: 1px solid #0068b7;
    border-radius: 50rem;
    font-weight: bold;
    font-size: 54px;
    text-align: center;
    color: #0068b7;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle:first-child {
    margin-right: -40px;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle:last-child {
    margin-left: -40px;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle p {
    width: 100%;
    font-size: 24px;
    text-align: center;
  }
  main.contents section.businessAchievement .businessAchievementCountry {
    width: 100%;
    padding: 0;
  }
  main.contents section.businessAchievement .businessAchievementCountry .slick-slide {
    margin: 0 10px;
  }
  main.contents section.businessAchievement .businessAchievementCountry .slick-slide img {
    height: 50px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main.contents section.ProjectList {
    padding-top: 80px;
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  main.contents section.ProjectList .ProjectListBodyContent {
    position: relative;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListMapText {
    position: relative;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #333;
    padding-bottom: 50px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn {
    position: absolute;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 40px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50rem;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    cursor: pointer;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn a:hover {
    opacity: 0.7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.europe {
    top: 204px;
    left: 123px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.europe a {
    background: #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.middel_east {
    top: 266px;
    left: 123px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.middel_east a {
    background: #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.asia {
    top: 252px;
    left: 280px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.asia a {
    background: #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.national {
    top: 253px;
    left: 483px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.national a {
    background: #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.north_america {
    top: 253px;
    left: 738px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.north_america a {
    background: #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.africa {
    top: 327px;
    left: 44px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.africa a {
    background: #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.others {
    top: 389px;
    left: 44px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.others a {
    background: #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.oceania {
    top: 389px;
    left: 423px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.oceania a {
    background: #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription {
    position: relative;
    display: none;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle {
    position: relative;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle p {
    position: relative;
    z-index: 1;
    width: 130px;
    height: 40px;
    background: #1dc7c7;
    border-radius: 50rem;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    background: transparent;
    border-top: 3px solid #1dc7c7;
    top: calc(50% - 1.5px);
    left: 0;
    z-index: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.europe p {
    background: #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.europe::before {
    border-top: 3px solid #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.middel_east p {
    background: #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.middel_east::before {
    border-top: 3px solid #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.asia p {
    background: #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.asia::before {
    border-top: 3px solid #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.national p {
    background: #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.national::before {
    border-top: 3px solid #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.north_america p {
    background: #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.north_america::before {
    border-top: 3px solid #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.africa p {
    background: #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.africa::before {
    border-top: 3px solid #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.others p {
    background: #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.others::before {
    border-top: 3px solid #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.oceania p {
    background: #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.oceania::before {
    border-top: 3px solid #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent {
    position: relative;
    padding-top: 30px;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr {
    border-top: 1px solid #ddd;
    width: 100%;
    display: flex;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr.borderNone {
    border-top: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th, main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td {
    padding: 10px 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #333;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th a, main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td a {
    color: #333;
    cursor: pointer;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th {
    width: 20%;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #333;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(1) {
    width: 40%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(2) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(3) {
    width: 12%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:last-child {
    width: 8%;
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr:first-child {
    border: none;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead {
    width: 100%;
    display: flex;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr {
    background: rgba(221, 221, 221, 0.5);
    border: none;
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td {
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(1) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(2) {
    width: 40%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(3) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(4) {
    width: 10%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:last-child {
    width: 10%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo .ProjectListTable {
    display: block;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo .ProjectListTable tr th.NoProject {
    width: 100%;
  }
  .modal-dialog {
    max-width: 940px;
    position: relative;
  }
  .modal-dialog .modal-content {
    border-radius: 20px;
    border: none;
  }
  .modal-dialog .modal-content .modal-body {
    position: relative;
    padding: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo {
    position: relative;
    padding: 40px 60px;
    opacity: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo.open {
    opacity: 1;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo {
    position: relative;
    padding: 0 10px;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory {
    position: relative;
    margin-bottom: 10px;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory span {
    background: #009b63;
    border: 1px solid #009b63;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0% 100%);
    padding: 4px 22px 4px 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    color: #fff;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionTitle {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #333;
    padding-bottom: 12px;
    border-bottom: 1px solid #009b63;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionText {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #333;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage:last-child {
    margin-right: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage p {
    margin-top: 8px;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #333;
  }
  .modal-dialog .modal-content .modal-body div.close {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    right: 15px;
    top: 15px;
    z-index: 2;
    background-image: url("../image/common/close_pc.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .modal-dialog .modal-content .modal-body .slick-prev, .modal-dialog .modal-content .modal-body .slick-next {
    position: fixed;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid #ddd;
    transform: rotate(45deg);
    top: calc(50% - 10px);
  }
  .modal-dialog .modal-content .modal-body .slick-prev::before, .modal-dialog .modal-content .modal-body .slick-next::before {
    content: none;
  }
  .modal-dialog .modal-content .modal-body .slick-prev {
    border-right-color: transparent;
    border-top-color: transparent;
    left: calc((100% - 940px) / 2.2);
  }
  .modal-dialog .modal-content .modal-body .slick-next {
    border-left-color: transparent;
    border-bottom-color: transparent;
    right: calc((100% - 940px) / 2.2);
  }
  .sliderPrevBtn,
.sliderNextBtn {
    position: absolute;
    width: calc((100% - 940px) / 2);
    height: 100%;
    cursor: pointer;
    background: transparent;
    top: 0;
    z-index: 2;
  }
  .sliderNextBtn {
    right: 0;
  }
  .sliderPrevBtn {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  main.contents section {
    padding: 0 10.9375vw;
  }
  main.contents section .sectionTitle {
    padding-bottom: 4.6875vw;
  }
  main.contents section.OurBusiness {
    position: relative;
    padding-top: 4.6875vw;
  }
  main.contents section.OurBusiness .sectionText {
    line-height: 2.8125vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent {
    position: relative;
    padding-top: 3.125vw;
    padding-bottom: 6.25vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 7.8125vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .ContentImage {
    max-width: 28.125vw;
    width: 100%;
    position: relative;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent {
    position: relative;
    width: calc(100% - 28.125vw);
    padding-left: 1.5625vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle {
    font-weight: bold;
    font-size: 2.5vw;
    line-height: 3.90625vw;
    text-align: left;
    color: #009b63;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle.sp {
    display: none;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle.pc {
    display: block;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle span {
    font-weight: bold;
    font-size: 1.5625vw;
    text-align: center;
    color: #fff;
    background-color: #009b63;
    border-radius: 50rem;
    line-height: 2.109375vw;
    padding: 0.390625vw 0.546875vw;
    margin-right: 1.171875vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .BusinessDescription {
    position: relative;
    padding-top: 0.9375vw;
    padding-bottom: 2.890625vw;
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 2.34375vw;
    text-align: left;
    color: #333;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle {
    position: relative;
    padding-bottom: 0.78125vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle span {
    position: relative;
    padding: 0 1.5625vw 0 1.171875vw;
    background-color: #009b63;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle span::before {
    content: "事例紹介";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    font-weight: normal;
    font-size: 1.09375vw;
    line-height: 2.34375vw;
    text-align: center;
    color: #009b63;
    background: #FFF;
    right: 1px;
    top: 1px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent {
    position: relative;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p {
    position: relative;
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 1.875vw;
    text-align: left;
    color: #333;
    padding-left: 1.171875vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p::before {
    content: "";
    position: absolute;
    width: 0.78125vw;
    height: 0.78125vw;
    background: #009b63;
    transform: rotate(45deg);
    left: 0;
    top: 0.390625vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p:hover {
    cursor: pointer;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:nth-child(2n) {
    flex-direction: row-reverse;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:nth-child(2n) .BusinessTextContent {
    padding-left: 0;
    padding-right: 1.5625vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:last-child {
    padding-bottom: 0;
  }
  main.contents section.businessAchievement {
    padding: 6.25vw 0;
    background: rgba(0, 104, 183, 0.03);
  }
  main.contents section.businessAchievement .sectionText {
    line-height: 2.8125vw;
  }
  main.contents section.businessAchievement .businessAchievementContent {
    position: relative;
    padding-bottom: 4.6875vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    width: 23.4375vw;
    height: 23.4375vw;
    background: rgba(0, 104, 183, 0.1);
    border: 1px solid #0068b7;
    border-radius: 50rem;
    font-weight: bold;
    font-size: 4.21875vw;
    text-align: center;
    color: #0068b7;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle:first-child {
    margin-right: -3.125vw;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle:last-child {
    margin-left: -3.125vw;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle p {
    width: 100%;
    font-size: 1.875vw;
    text-align: center;
  }
  main.contents section.businessAchievement .businessAchievementCountry {
    width: 100%;
    padding: 0;
  }
  main.contents section.businessAchievement .businessAchievementCountry .slick-slide {
    margin: 0 0.78125vw;
  }
  main.contents section.businessAchievement .businessAchievementCountry .slick-slide img {
    height: 3.90625vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main.contents section.ProjectList {
    padding-top: 6.25vw;
    position: relative;
  }
  main.contents section.ProjectList .ProjectListBodyContent {
    position: relative;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListMapText {
    position: relative;
    font-weight: normal;
    font-size: 1.09375vw;
    line-height: 2.34375vw;
    text-align: center;
    color: #333;
    padding-bottom: 3.90625vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn {
    position: absolute;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.15625vw;
    height: 3.125vw;
    box-shadow: 0px 0.234375vw 0.46875vw rgba(0, 0, 0, 0.16);
    border-radius: 50rem;
    font-weight: bold;
    font-size: 1.40625vw;
    line-height: 1.875vw;
    text-align: center;
    color: #fff;
    cursor: pointer;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn a:hover {
    opacity: 0.7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.europe {
    top: 15.9375vw;
    left: 9.609375vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.europe a {
    background: #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.middel_east {
    top: 20.78125vw;
    left: 9.609375vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.middel_east a {
    background: #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.asia {
    top: 19.6875vw;
    left: 21.875vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.asia a {
    background: #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.national {
    top: 19.765625vw;
    left: 37.734375vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.national a {
    background: #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.north_america {
    top: 19.765625vw;
    left: 57.65625vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.north_america a {
    background: #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.africa {
    top: 25.546875vw;
    left: 3.4375vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.africa a {
    background: #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.others {
    top: 30.390625vw;
    left: 3.4375vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.others a {
    background: #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.oceania {
    top: 30.390625vw;
    left: 33.046875vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.oceania a {
    background: #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription {
    position: relative;
    display: none;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle {
    position: relative;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle p {
    position: relative;
    z-index: 1;
    width: 10.15625vw;
    height: 3.125vw;
    background: #1dc7c7;
    border-radius: 50rem;
    font-weight: bold;
    font-size: 1.40625vw;
    line-height: 1.875vw;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    background: transparent;
    border-top: 0.234375vw solid #1dc7c7;
    top: calc(50% - 0.1171875vw);
    left: 0;
    z-index: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.europe p {
    background: #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.europe::before {
    border-top: 3px solid #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.middel_east p {
    background: #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.middel_east::before {
    border-top: 3px solid #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.asia p {
    background: #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.asia::before {
    border-top: 3px solid #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.national p {
    background: #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.national::before {
    border-top: 3px solid #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.north_america p {
    background: #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.north_america::before {
    border-top: 3px solid #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.africa p {
    background: #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.africa::before {
    border-top: 3px solid #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.others p {
    background: #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.others::before {
    border-top: 3px solid #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.oceania p {
    background: #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.oceania::before {
    border-top: 3px solid #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent {
    position: relative;
    padding-top: 2.34375vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr {
    border-top: 1px solid #ddd;
    width: 100%;
    display: flex;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr.borderNone {
    border-top: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th, main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td {
    padding: 0.78125vw 1.5625vw;
    font-weight: normal;
    font-size: 1.09375vw;
    line-height: 1.875vw;
    text-align: left;
    color: #333;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th a, main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td a {
    color: #333;
    cursor: pointer;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th {
    width: 20%;
    font-weight: 500;
    font-size: 1.40625vw;
    line-height: 2.34375vw;
    text-align: left;
    color: #333;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(1) {
    width: 40%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(2) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(3) {
    width: 11%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:last-child {
    width: 9%;
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr:first-child {
    border: none;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead {
    width: 100%;
    display: flex;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr {
    background: rgba(221, 221, 221, 0.5);
    border: none;
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td {
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(1) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(2) {
    width: 40%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(3) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(4) {
    width: 11%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:last-child {
    width: 9%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo .ProjectListTable {
    display: block;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo .ProjectListTable tr th.NoProject {
    width: 100%;
  }
  .modal-dialog {
    max-width: 73.4375vw;
    position: relative;
  }
  .modal-dialog .modal-content {
    border-radius: 1.5625vw;
    border: none;
  }
  .modal-dialog .modal-content .modal-body {
    position: relative;
    padding: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo {
    position: relative;
    padding: 3.125vw 4.6875vw;
    opacity: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo.open {
    opacity: 1;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo {
    position: relative;
    padding: 0 0.78125vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory {
    position: relative;
    margin-bottom: 0.78125vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory span {
    background: #009b63;
    border: 1px solid #009b63;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.9375vw) 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 0.9375vw) 100%, 0% 100%);
    padding: 0.3125vw 1.71875vw 0.3125vw 0.78125vw;
    font-weight: 500;
    font-size: 1.09375vw;
    line-height: 2.34375vw;
    text-align: left;
    color: #fff;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionTitle {
    position: relative;
    font-weight: bold;
    font-size: 1.40625vw;
    line-height: 2.34375vw;
    text-align: left;
    color: #333;
    padding-bottom: 0.9375vw;
    border-bottom: 1px solid #009b63;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionText {
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 2.34375vw;
    text-align: left;
    color: #333;
    padding-top: 1.5625vw;
    padding-bottom: 3.125vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage {
    width: calc(50% - 1.40625vw);
    margin-right: 2.8125vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage:last-child {
    margin-right: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage p {
    margin-top: .6vw;
    font-weight: normal;
    font-size: 1.015625vw;
    line-height: 2.34375vw;
    line-height: 1.2vw;
    text-align: right;
    color: #333;
  }
  .modal-dialog .modal-content .modal-body div.close {
    position: absolute;
    cursor: pointer;
    width: 2.34375vw;
    height: 2.34375vw;
    right: 1.171875vw;
    top: 1.171875vw;
    z-index: 2;
    background-image: url("../image/common/close_pc.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .modal-dialog .modal-content .modal-body .slick-prev, .modal-dialog .modal-content .modal-body .slick-next {
    position: fixed;
    width: 1.5625vw;
    height: 1.5625vw;
    background: transparent;
    border: 0.15625vw solid #ddd;
    transform: rotate(45deg);
    top: calc(50% - 0.78125vw);
  }
  .modal-dialog .modal-content .modal-body .slick-prev::before, .modal-dialog .modal-content .modal-body .slick-next::before {
    content: none;
  }
  .modal-dialog .modal-content .modal-body .slick-prev {
    border-right-color: transparent;
    border-top-color: transparent;
    left: calc((100% - 73.4375vw) / 2.5);
  }
  .modal-dialog .modal-content .modal-body .slick-next {
    border-left-color: transparent;
    border-bottom-color: transparent;
    right: calc((100% - 73.4375vw) / 2.5);
  }
  .sliderPrevBtn,
.sliderNextBtn {
    position: absolute;
    width: calc((100% - 73.4375vw) / 2);
    height: 100%;
    cursor: pointer;
    background: transparent;
    top: 0;
    z-index: 2;
  }
  .sliderNextBtn {
    right: 0;
  }
  .sliderPrevBtn {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  main.contents section {
    padding: 0 6.25vw;
  }
  main.contents section .sectionTitle {
    padding-bottom: 9.375vw;
  }
  main.contents section.OurBusiness {
    position: relative;
    padding: 0;
  }
  main.contents section.OurBusiness .sectionText {
    line-height: 9.375vw;
    padding: 0 6.25vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent {
    position: relative;
    padding-top: 0;
    padding-bottom: 18.75vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 15.625vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .ContentImage {
    max-width: 100%;
    width: 100%;
    position: relative;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent {
    position: relative;
    width: 100%;
    padding: 0 6.25vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle {
    font-weight: bold;
    font-size: 7.8125vw;
    line-height: 9.375vw;
    text-align: left;
    color: #009b63;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 6.25vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle.sp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle.pc {
    display: none;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .ContentTitle span {
    font-weight: bold;
    font-size: 4.6875vw;
    text-align: center;
    color: #fff;
    background-color: #009b63;
    border-radius: 50rem;
    line-height: 8.4375vw;
    margin-right: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.75vw;
    height: 8.75vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .BusinessDescription {
    position: relative;
    padding-top: 3.125vw;
    padding-bottom: 9.375vw;
    font-weight: normal;
    font-size: 4.6875vw;
    line-height: 9.375vw;
    text-align: left;
    color: #333;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle {
    position: relative;
    padding-bottom: 3.125vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle span {
    position: relative;
    padding: 0 6.25vw 0 4.6875vw;
    background-color: #009b63;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceTitle span::before {
    content: "事例紹介";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    font-weight: normal;
    font-size: 4.0625vw;
    line-height: 9.375vw;
    text-align: center;
    color: #009b63;
    background: #FFF;
    right: 1px;
    top: 1px;
    -webkit-clip-path: polygon(0 0, 98% 0, 92% 100%, 0% 100%);
            clip-path: polygon(0 0, 98% 0, 92% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent {
    position: relative;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p {
    position: relative;
    font-weight: normal;
    font-size: 4.0625vw;
    line-height: 7.1875vw;
    text-align: left;
    color: #333;
    padding-left: 6.25vw;
    padding-bottom: 3.125vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent .BusinessTextContent .IntroduceContent p::before {
    content: "";
    position: absolute;
    width: 3.125vw;
    height: 3.125vw;
    background: #009b63;
    transform: rotate(45deg);
    left: 0;
    top: 1.875vw;
  }
  main.contents section.OurBusiness .OurBusinessBodyContent .BusinessContent:last-child {
    padding-bottom: 0;
  }
  main.contents section.businessAchievement {
    padding: 9.375vw 0 12.5vw;
    background: rgba(0, 104, 183, 0.03);
  }
  main.contents section.businessAchievement .sectionText {
    line-height: 9.375vw;
    padding: 0 5.3125vw 12.5vw;
  }
  main.contents section.businessAchievement .businessAchievementContent {
    position: relative;
    padding: 0 6.25vw 9.375vw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    width: 40.625vw;
    height: 40.625vw;
    background: rgba(0, 104, 183, 0.1);
    border: 1px solid #0068b7;
    border-radius: 50rem;
    font-weight: bold;
    font-size: 7.8125vw;
    text-align: center;
    color: #0068b7;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle:first-child {
    margin-top: 32.8125vw;
    margin-right: -21.875vw;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle:last-child {
    margin-top: 32.8125vw;
    margin-left: -21.875vw;
  }
  main.contents section.businessAchievement .businessAchievementContent .achievementCircle p {
    width: 100%;
    font-size: 4.0625vw;
    text-align: center;
  }
  main.contents section.businessAchievement .businessAchievementCountry {
    width: 100%;
    padding: 0;
  }
  main.contents section.businessAchievement .businessAchievementCountry .slick-slide {
    margin: 0 1.5625vw;
  }
  main.contents section.businessAchievement .businessAchievementCountry .slick-slide img {
    height: 12.5vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
  main.contents section.ProjectList {
    padding: 18.75vw 0 0;
    position: relative;
  }
  main.contents section.ProjectList .ProjectListBodyContent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  main.contents section.ProjectList .ProjectListBodyContent img {
    width: 100%;
    padding-bottom: 6.25vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListMapText {
    position: relative;
    font-weight: normal;
    font-size: 3.75vw;
    line-height: 7.1875vw;
    text-align: center;
    color: #333;
    padding-bottom: 12.5vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn {
    position: relative;
    padding-bottom: 6.25vw;
    padding-right: 6.25vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn:nth-of-type(2n) {
    padding-right: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40.625vw;
    height: 11.25vw;
    box-shadow: 0px 0.9375vw 1.5625vw rgba(0, 0, 0, 0.16);
    border-radius: 50rem;
    font-weight: bold;
    font-size: 5.625vw;
    line-height: 7.5vw;
    text-align: center;
    color: #fff;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.europe a {
    background: #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.middel_east a {
    background: #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.asia a {
    background: #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.national a {
    background: #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.north_america a {
    background: #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.africa a {
    background: #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.others a {
    background: #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectListBtn.oceania a {
    background: #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription {
    position: relative;
    display: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-left: 6.25vw;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle {
    position: relative;
    width: 237.5vw;
    overflow-x: auto;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle p {
    position: relative;
    z-index: 1;
    width: 40.625vw;
    height: 12.5vw;
    background: #1dc7c7;
    border-radius: 50rem;
    font-weight: bold;
    font-size: 5.625vw;
    line-height: 7.5vw;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-left: 23.4375vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle::before {
    content: "";
    position: absolute;
    width: 231.25vw;
    height: 0px;
    background: transparent;
    border-top: 0.9375vw solid #1dc7c7;
    top: calc(50% - 0.46875vw);
    left: 0;
    z-index: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.europe p {
    background: #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.europe::before {
    border-top: 3px solid #1dc7c7;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.middel_east p {
    background: #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.middel_east::before {
    border-top: 3px solid #c361b4;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.asia p {
    background: #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.asia::before {
    border-top: 3px solid #ff8924;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.national p {
    background: #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.national::before {
    border-top: 3px solid #ff719d;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.north_america p {
    background: #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.north_america::before {
    border-top: 3px solid #e5b412;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.africa p {
    background: #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.africa::before {
    border-top: 3px solid #8fc34a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.others p {
    background: #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.others::before {
    border-top: 3px solid #9a9a9a;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.oceania p {
    background: #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaTitle.oceania::before {
    border-top: 3px solid #7288e5;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent {
    position: relative;
    padding-top: 9.375vw;
    width: 100%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo {
    width: 231.25vw;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr {
    border-top: 1px solid #ddd;
    width: 100%;
    display: flex;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr.borderNone {
    border-top: 0;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th, main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td {
    padding: 3.125vw 3.125vw;
    font-weight: normal;
    font-size: 4.0625vw;
    line-height: 7.1875vw;
    text-align: left;
    color: #333;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th a, main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td a {
    color: #333;
    cursor: pointer;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr th {
    width: 20%;
    font-weight: 500;
    font-size: 4.6875vw;
    line-height: 7.8125vw;
    text-align: left;
    color: #333;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(1) {
    width: 40%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(2) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:nth-of-type(3) {
    width: 12%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr td:last-child {
    width: 8%;
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo tr:first-child {
    border: none;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead {
    width: 100%;
    display: flex;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr {
    background: rgba(221, 221, 221, 0.5);
    border: none;
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td {
    text-align: center;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(1) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(2) {
    width: 40%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(3) {
    width: 20%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:nth-of-type(4) {
    width: 12%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo thead tr td:last-child {
    width: 8%;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo .ProjectListTable {
    display: block;
  }
  main.contents section.ProjectList .ProjectListBodyContent .ProjectAreaDescription .ProjectAreaDetailContent .CountryProjectInfo .ProjectListTable tr th.NoProject {
    width: 100%;
  }
  .modal-dialog {
    max-width: 87.5vw;
    width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
  .modal-dialog .modal-content {
    border-radius: 6.25vw;
    border: none;
  }
  .modal-dialog .modal-content .modal-body {
    position: relative;
    padding: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo {
    position: relative;
    padding: 7.8125vw 4.6875vw;
    opacity: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo.open {
    opacity: 1;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo {
    position: relative;
    padding: 0 3.125vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory {
    position: relative;
    margin-bottom: 3.125vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory span {
    background: #009b63;
    border: 1px solid #009b63;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 3vw) 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, calc(100% - 3vw) 100%, 0% 100%);
    padding: 1.25vw 6.25vw 1.25vw 2.1875vw;
    font-weight: 500;
    font-size: 4.0625vw;
    line-height: 9.375vw;
    text-align: left;
    color: #fff;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionTitle {
    position: relative;
    font-weight: bold;
    font-size: 4.6875vw;
    line-height: 7.8125vw;
    text-align: left;
    color: #333;
    padding-bottom: 3.75vw;
    border-bottom: 1px solid #009b63;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionText {
    font-weight: normal;
    font-size: 4.0625vw;
    line-height: 7.1875vw;
    text-align: left;
    color: #333;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage {
    position: relative;
    width: 100%;
    display: block;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage {
    width: 100%;
    padding-bottom: 4.6875vw;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage:last-child {
    padding-bottom: 0;
  }
  .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionImage .SubImage p {
    margin-top: 2vw;
    width: 100%;
    font-weight: normal;
    font-size: 3.4375vw;
    font-size: 3.2vw;
    line-height: 6.875vw;
    line-height: 4vw;
    text-align: right;
    color: #333;
  }
  .modal-dialog .modal-content .modal-body div.close {
    position: absolute;
    width: 6.25vw;
    height: 6.25vw;
    right: 4.6875vw;
    top: 4.6875vw;
    z-index: 2;
    background-image: url("../image/common/close_sp.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .modal-dialog .modal-content .modal-body .slick-prev, .modal-dialog .modal-content .modal-body .slick-next {
    position: fixed;
    width: 3.125vw;
    height: 3.125vw;
    background: transparent;
    border: 0.625vw solid #ddd;
    transform: rotate(45deg);
    top: calc(50% - 1.5625vw);
  }
  .modal-dialog .modal-content .modal-body .slick-prev::before, .modal-dialog .modal-content .modal-body .slick-next::before {
    content: none;
  }
  .modal-dialog .modal-content .modal-body .slick-prev {
    border-right-color: transparent;
    border-top-color: transparent;
    left: calc((100% - 87.5vw) / 5);
  }
  .modal-dialog .modal-content .modal-body .slick-next {
    border-left-color: transparent;
    border-bottom-color: transparent;
    right: calc((100% - 87.5vw) / 5);
  }
  .sliderPrevBtn,
.sliderNextBtn {
    position: absolute;
    width: calc((100% - 87.5vw) / 2);
    height: 100%;
    cursor: pointer;
    background: transparent;
    top: 0;
    z-index: 2;
  }
  .sliderNextBtn {
    right: 0;
  }
  .sliderPrevBtn {
    left: 0;
  }
}
.modal-backdrop.show {
  opacity: 0.8;
}

.modal-header {
  border: none;
}