
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.CorporatePhilosophy {
    position: relative;
    padding-top: 60px;
  }
  main.contents section.CorporatePhilosophy .sectionText {
    font-size: 18px;
    line-height: 55px;
    padding-bottom: 0;
  }
  main.contents section.CodeOfConduct {
    position: relative;
    padding-top: 103px;
    padding-bottom: 90px;
  }
  main.contents section.CodeOfConduct .sectionText {
    width: 560px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    text-align: left;
    padding-bottom: 0;
  }
  main.contents section.MessageFromPresident {
    background: rgba(0, 104, 183, 0.03);
    padding-top: 80px;
    padding-bottom: 80px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText {
    position: relative;
    width: calc(100% - 300px);
    padding-right: 40px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText .sectionSubTitle {
    font-weight: bold;
    font-size: 28px;
    line-height: 48px;
    text-align: left;
    color: #333;
    padding-bottom: 40px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText .sectionText {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentImage {
    position: relative;
    width: 300px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentImage .PresidentImage {
    width: 100%;
    padding-bottom: 15px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentImage .PresidentName {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #333;
    padding-bottom: 20px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentImage .PresidentNameImg {
    width: 87.5px;
    margin: 0 auto;
    padding-bottom: 12.5px;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentImage .PresidentSign {
    width: 110px;
    margin: 0 auto;
  }
  main.contents section.StrengthsOfNTCI {
    position: relative;
    padding-top: 80px;
    padding-bottom: 71px;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton {
    position: relative;
    margin: 0 auto;
    padding-bottom: 40px;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #009b63;
    border-radius: 50rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #009b63;
    position: relative;
    transition: background 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a::before {
    content: none;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a:hover {
    color: #FFF;
    background: #009b63;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage {
    position: relative;
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-slide {
    padding: 0 20px;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent {
    position: relative;
    padding: 50px 0 0;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany {
    width: 100%;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-collapse: collapse;
    border-spacing: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr {
    border-bottom: 1px solid #CECECE;
    display: table-row;
    transition: height 0.2s linear, opacity 0.2s ease-in;
    overflow: hidden;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr th {
    width: 20%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td {
    width: 80%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr th, main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td {
    padding: 10px 20px;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #333;
    vertical-align: middle;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart {
    border-bottom: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart th {
    vertical-align: top;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn {
    position: relative;
    cursor: pointer;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("../image/about/arrow.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: transform 0.3s, top 0.3s, transform 0.3s;
    top: 25%;
    right: 30px;
    transform: rotate(-180deg);
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn.active::before {
    transform: rotate(0);
    top: 35%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents {
    position: relative;
    width: 100%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent {
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li {
    width: 40%;
    padding: 10px 20px;
    border-top: 2px dotted #DDDDDD;
	font-size: 16px;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li:first-child {
    border: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li:last-child {
    width: 20%;
    text-align: right;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:first-child li {
    border: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child {
    border-bottom: 1px solid #CECECE;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li {
    font-size: 13px;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li:first-child {
    width: 48%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li:last-child {
    width: 40%;
  }
  main.contents section.AffiliatedCompanie {
    position: relative;
    padding: 80px 0;
  }
  main.contents section.AffiliatedCompanie .sectionText {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink::before {
    content: "";
    position: absolute;
    background-image: url("../image/about/AffiliatedCompany.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 470px;
    height: 470px;
    left: calc(50% - 235px);
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink::after {
    content: "";
    position: absolute;
    background-image: url("../image/about/NTC.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 250px;
    height: 19px;
    left: calc(50% - 125px);
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink {
    position: relative;
    width: 250px;
    height: 250px;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink:nth-of-type(n+4) {
    margin-bottom: 0;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.ntccon img {
    width: 207.5px;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.ntci img {
    width: 220.5px;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.shucoh img {
    width: 121.5px;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.satacon img {
    width: 185px;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink:hover img {
    opacity: 0.7;
  }
  main.contents section.CompanyAccess {
    width: 100%;
    padding: 80px 0;
    background: rgba(0, 104, 183, 0.03);
  }
  main.contents section.CompanyAccess .sectionText {
    line-height: 30px;
    padding-bottom: 25px;
  }
  main.contents section.CompanyAccess .CompanyMap {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 780px;
  }
  main.contents section.CompanyAccess .CompanyMapInfo {
    width: 100%;
    max-width: 550px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin: 0 auto;
    padding-top: 20px;
  }
  main.contents section .pc {
    display: block;
  }
  main.contents section .sp {
    display: none!important;
  }
  footer .footerAgriculture {
    margin-top: 83px;
  }
}
@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.CorporatePhilosophy {
    position: relative;
    padding-top: 4.6875vw;
  }
  main.contents section.CorporatePhilosophy .sectionText {
    font-size: 1.40625vw;
    line-height: 4.296875vw;
    padding-bottom: 0;
  }
  main.contents section.CodeOfConduct {
    position: relative;
    padding-top: 8.046875vw;
    padding-bottom: 7.03125vw;
  }
  main.contents section.CodeOfConduct .sectionText {
    width: 43.75vw;
    margin: 0 auto;
    font-size: 1.40625vw;
    line-height: 3.125vw;
    text-align: left;
    padding-bottom: 0;
  }
  main.contents section.MessageFromPresident {
    background: rgba(0, 104, 183, 0.03);
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText {
    position: relative;
    width: calc(100% - 23.4375vw);
    padding-right: 3.125vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText .sectionSubTitle {
    font-weight: bold;
    font-size: 2.1875vw;
    line-height: 3.75vw;
    text-align: left;
    color: #333;
    padding-bottom: 3.125vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText .sectionText {
    line-height: 2.34375vw;
    text-align: left;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage {
    position: relative;
    width: 23.4375vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentImage {
    width: 100%;
    padding-bottom: 1.171875vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentName {
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 1.875vw;
    text-align: center;
    color: #333;
    padding-bottom: 1.5625vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentNameImg {
    width: 6.8359375vw;
    margin: 0 auto;
    padding-bottom: 0.9765625vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentSign {
    width: 8.59375vw;
    margin: 0 auto;
  }
  main.contents section.StrengthsOfNTCI {
    position: relative;
    padding-top: 6.25vw;
    padding-bottom: 5.546875vw;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton {
    position: relative;
    margin: 0 auto;
    padding-bottom: 3.125vw;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a {
    width: 12.5vw;
    height: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #009b63;
    border-radius: 50rem;
    margin: 0 auto;
    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.875vw;
    text-align: center;
    color: #009b63;
    position: relative;
    transition: background 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a::before {
    content: none;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a:hover {
    color: #FFF;
    background: #009b63;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage {
    position: relative;
    padding: 0 9.375vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-slide {
    padding: 0 1.5625vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent {
    position: relative;
    padding: 3.90625vw 10.9375vw 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany {
    width: 100%;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-collapse: collapse;
    border-spacing: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr {
    border-bottom: 1px solid #CECECE;
    display: table-row;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr th {
    width: 20%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td {
    width: 80%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr th, main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td {
    padding: 0.78125vw 1.5625vw;
    text-align: left;
    font-size: 1.25vw;
    line-height: 2.03125vw;
    text-align: left;
    color: #333;
    vertical-align: middle;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart {
    border-bottom: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart th {
    vertical-align: top;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn {
    position: relative;
    cursor: pointer;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn::before {
    content: "";
    position: absolute;
    width: 1.09375vw;
    height: 1.09375vw;
    background: transparent;
    border: 1px solid #333;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(45deg);
    top: 25%;
    right: 2.34375vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn.active::before {
    content: "";
    position: absolute;
    width: 1.09375vw;
    height: 1.09375vw;
    background: transparent;
    border: 1px solid #333;
    border-right-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(45deg);
    top: 50%;
    right: 2.34375vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents {
    position: relative;
    width: 100%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent {
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li {
    width: 40%;
    padding: 0.78125vw 1.5625vw;
    border-top: 2px dotted #DDDDDD;
	font-size: 1.25vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li:first-child {
    border: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li:last-child {
    width: 20%;
    text-align: right;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:first-child li {
    border: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child {
    border-bottom: 1px solid #CECECE;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li {
    font-size: 1.015625vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li:first-child {
    width: 48%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li:last-child {
    width: 40%;
  }
  main.contents section.AffiliatedCompanie {
    position: relative;
    padding: 6.25vw 19.53125vw;
  }
  main.contents section.AffiliatedCompanie .sectionText {
    line-height: 2.34375vw;
    text-align: left;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 47.65625vw;
    width: 100%;
    margin: 0 auto;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink::before {
    content: "";
    position: absolute;
    background-image: url("../image/about/AffiliatedCompany.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 36.71875vw;
    height: 36.71875vw;
    left: calc(50% - 18.359375vw);
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink::after {
    content: "";
    position: absolute;
    background-image: url("../image/about/NTC.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 19.53125vw;
    height: 1.484375vw;
    left: calc(50% - 9.765625vw);
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink {
    position: relative;
    width: 19.53125vw;
    height: 19.53125vw;
    background: #fff;
    box-shadow: 0px 0px 0.625vw rgba(0, 0, 0, 0.16);
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4.6875vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink:nth-child(n+4) {
    margin-bottom: 0;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.ntccon img {
    width: 16.2109375vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.ntci img {
    width: 17.2265625vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.shucoh img {
    width: 9.4921875vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.satacon img {
    width: 14.453125vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink:hover img {
    opacity: 0.7;
  }
  main.contents section.CompanyAccess {
    padding: 6.25vw 19.53125vw;
    background: rgba(0, 104, 183, 0.03);
  }
  main.contents section.CompanyAccess .sectionText {
    line-height: 2.34375vw;
    padding-bottom: 1.953125vw;
  }
  main.contents section.CompanyAccess .CompanyMap {
    display: block;
  }
  main.contents section.CompanyAccess .CompanyMapInfo {
    width: 100%;
    max-width: 42.96875vw;
    text-align: left;
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 2.34375vw;
    color: #333;
    margin: 0 auto;
    padding-top: 1.5625vw;
  }
  main.contents section .pc {
    display: block;
  }
  main.contents section .sp {
    display: none;
  }
  footer .footerAgriculture {
    margin-top: 6.484375vw;
  }
}
@media only screen and (max-width: 768px) {
  main.contents section {
    padding: 0 6.25vw;
  }
  main.contents section .sectionTitle {
    padding-bottom: 9.375vw;
  }
  main.contents section.CorporatePhilosophy {
    position: relative;
    padding-top: 18.75vw;
  }
  main.contents section.CorporatePhilosophy .sectionText {
    padding-bottom: 0;
  }
  main.contents section.CorporatePhilosophy .sectionText p {
    font-size: 4.6875vw;
    line-height: 7.8125vw;
    font-weight: 500;
    padding-bottom: 7.8125vw;
  }
  main.contents section.CorporatePhilosophy .sectionText p:last-child {
    padding-bottom: 0;
  }
  main.contents section.CodeOfConduct {
    position: relative;
    padding-top: 25vw;
    padding-bottom: 18.75vw;
  }
  main.contents section.CodeOfConduct .sectionText {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
  }
  main.contents section.CodeOfConduct .sectionText p {
    position: relative;
    font-size: 4.6875vw;
    line-height: 7.8125vw;
    font-weight: 500;
    text-align: left;
    padding-bottom: 7.8125vw;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  main.contents section.CodeOfConduct .sectionText p span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 1.5625vw;
  }
  main.contents section.CodeOfConduct .sectionText p:last-child {
    padding-bottom: 0;
  }
  main.contents section.MessageFromPresident {
    background: rgba(0, 104, 183, 0.03);
    padding-top: 12.5vw;
    padding-bottom: 12.5vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent {
    position: relative;
    width: 100%;
    display: block;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText {
    position: relative;
    width: 100%;
    padding: 0;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText .sectionSubTitle {
    font-weight: bold;
    font-size: 5.9375vw;
    line-height: 11.25vw;
    text-align: left;
    color: #333;
    padding-bottom: 11.5625vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentContent .MessageFromPresidentText .sectionText {
    line-height: 9.375vw;
    text-align: left;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage {
    position: relative;
    width: 100%;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentImage {
    width: 100%;
    padding-bottom: 3.125vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentName {
    font-weight: normal;
    font-size: 4.6875vw;
    line-height: 7.5vw;
    text-align: center;
    color: #333;
    padding-bottom: 3.75vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentNameImg {
    width: 22.5vw;
    margin: 0 auto;
    padding-bottom: 3.75vw;
  }
  main.contents section.MessageFromPresident .MessageFromPresidentImage .PresidentSign {
    width: 31.25vw;
    margin: 0 auto;
  }
  main.contents section.StrengthsOfNTCI {
    position: relative;
		padding: 6.25vw 5vw;
    padding: 15.625vw 5vw 6.25vw;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton {
    position: relative;
    margin: 0 auto;
    padding-bottom: 9.375vw;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a {
    width: 45vw;
    height: 11.25vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #009b63;
    border-radius: 50rem;
    margin: 0 auto;
    font-weight: 500;
    font-size: 4.6875vw;
    line-height: 7.5vw;
    text-align: center;
    color: #009b63;
    position: relative;
  }
  main.contents section.StrengthsOfNTCI .moreShowButton a::before {
    content: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage {
    position: relative;
    padding: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-slide {
    padding: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-dots {
    bottom: -5.625vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-dots li {
    width: 2.5vw;
    height: 2.5vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-dots li button {
    width: 2.5vw;
    height: 2.5vw;
    padding: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIImage .slick-dots li button::before {
    width: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent {
    position: relative;
    padding: 12.5vw 0 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany {
    width: 100%;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    border-collapse: collapse;
    border-spacing: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr {
    border-bottom: 1px solid #CECECE;
    display: flex;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr th {
    width: 25%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr th, main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td {
    padding: 3.125vw 0;
    text-align: left;
    font-size: 4.0625vw;
    line-height: 7.1875vw;
    text-align: left;
    color: #333;
    vertical-align: middle;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td {
    width: 75%;
    padding-left: 3.125vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr td a {
    color: #333;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart {
    border-bottom: 0;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart th {
    vertical-align: top;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn {
    position: relative;
    cursor: pointer;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn::before {
    content: "";
    position: absolute;
    width: 4.375vw;
    height: 4.375vw;
    background-image: url("../image/about/arrow.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: transform 0.3s, top 0.3s, transform 0.3s;
    top: 30%;
    right: 0;
    transform: rotate(-180deg);
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompany tr.qualificationPart td.qualificationBtn.active::before {
    transform: rotate(0);
    top: 40%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents {
    position: relative;
    width: 100%;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent {
    border: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li {
    width: 40%;
    padding: 3.125vw 0 3.125vw 1.5625vw;
    border-top: 2px dotted #DDDDDD;
	font-size: 4.0625vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li:first-child {
    border: none;
    display: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent li:last-child {
    width: 20%;
    text-align: right;
    padding-right: 1.5625vw;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:first-child li {
    border: none;
  }
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child {
    border-bottom: 1px solid #CECECE;
  }
  /* main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li {
    font-size: 3.75vw;
  } */
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent:last-child li:last-child {
    width: 40%;
  }
  main.contents section.AffiliatedCompanie {
    position: relative;
    padding: 18.75vw 0;
  }
  main.contents section.AffiliatedCompanie .sectionText {
    font-size: 4.0625vw;
    line-height: 7.1875vw;
    padding: 0 6.25vw;
    text-align: left;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink {
    position: relative;
    display: block;
    padding-top: 18.75vw;
    max-width: 190.625vw;
    width: 100%;
    margin: 0 auto;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .sectionTitleImage {
    position: relative;
    padding-bottom: 9.375vw;
    max-width: 78.125vw;
    width: 100%;
    margin: 0 auto;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink::before {
    content: "";
    position: absolute;
    background-image: url("../image/about/AffiliatedCompany_sp.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 18.75vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink::after {
    content: none;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink {
    position: relative;
    width: 68.75vw;
    height: 31.25vw;
    background: #fff;
    box-shadow: 0px 0px 3.125vw rgba(0, 0, 0, 0.16);
    border-radius: 4.6875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4.6875vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink:last-child {
    margin-bottom: 0;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.ntccon img {
    width: 56.384375vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.ntci img {
    width: 59.90625vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.shucoh img {
    width: 27.8125vw;
  }
  main.contents section.AffiliatedCompanie .AffiliatedCompanyLink .eachCompanyLink.satacon img {
    width: 42.15625vw;
  }
  main.contents section.CompanyAccess {
    padding-top: 12.5vw;
    padding-bottom: 12.5vw;
    background: rgba(0, 104, 183, 0.03);
  }
  main.contents section.CompanyAccess .sectionText {
    line-height: 9.375vw;
    padding-bottom: 6.25vw;
  }
  main.contents section.CompanyAccess .CompanyMap {
    display: block;
  }
  main.contents section.CompanyAccess .CompanyMapInfo {
    width: 100%;
    max-width: 171.875vw;
    text-align: left;
    font-weight: normal;
    font-size: 4.6875vw;
    line-height: 9.375vw;
    color: #333;
    margin: 0 auto;
    padding-top: 6.25vw;
  }
  main.contents section .pc {
    display: none!important;
  }
  main.contents section .sp {
    display: block;
  }
  footer {
    padding-top: 18.75vw;
  }
}

@media only screen and (max-width: 768px) {
  main.contents section.StrengthsOfNTCI .StrengthsOfNTCIContent .summaryCompanyDetailContents .qualificationDetailContent p {
    width: 100%;
    padding: 3.125vw 0 3.125vw 1.5625vw;
    border-top: 2px dotted #DDDDDD;
    border-bottom: 1px solid #CECECE;
    text-align: right;
  }
}



/*
tabは 1280px基準 : Xpx / 12.8 vw
 spは  320px基準 : Xpx / 3.2 vw
*/

/* carousel */
@media all {
	.ob-carousel {
		background: top left / cover repeat-x url(../image/overseas-business/carousel.jpg);
		animation: carousel 45s linear infinite;
	}
	/* sp */
	@media screen and (max-width: 767px) {
		.ob-carousel {
			margin-top: 12.5vw;
			height: 56.875vw; /* 182px : 65% */
		}

		@keyframes carousel {
			0% {background-position-x: 0vw;}
			100% {background-position-x: -713.578125vw;}
		}
	}
	/* tab & pc */
	@media (min-width: 768px) {
		/* pc */
		@media (min-width: 1280px) {
			.ob-carousel {
				margin-top: 80px;
				height: 280px;
			}

			@keyframes carousel {
				0% {background-position-x: 0px;}
				100% {background-position-x: -3513px;}
			}
		}
		/* tab */
		@media (max-width: 1279px) {
			.ob-carousel {
				margin-top: 6.25vw;
				height: 21.875vw;
			}
			@keyframes carousel {
				0% {background-position-x: 0vw;}
				100% {background-position-x: -274.453125vw;}
			}
		}
	}
}

/* ExamplesOfSupport */
@media all {
	.ExamplesOfSupport {
		background: rgba(0, 104, 183, 0.03);
	}
	.ex-list {
		font-weight: bold;
		text-align: center;
	}
	.ex-item small {
		display: block;
		font-weight: normal;
	}
	
	/* sp */
	@media screen and (max-width: 767px) {
			main.contents .ExamplesOfSupport {padding: 15.625vw 0;}
			.ex-list {
				font-size: 6.25vw;
			}
			.ex-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
			}
			.ex-item + .ex-item {margin-top: 8vw;}
			.ex-item-img {
				width: 57.5vw;
			}
			.ex-item-ttl {margin-top: 2vw;}
			.ex-item small {font-size: 4.0625vw;}
		}

	/* tab & pc */
	@media (min-width: 768px) {
		.ex-list {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
    .ex-item:nth-child(2) {transition-delay: 150ms;}
    .ex-item:nth-child(3) {transition-delay: 300ms;}
    .ex-item:nth-child(4) {transition-delay: 450ms;}
		/* pc */
		@media (min-width: 1280px) {
			main.contents .ExamplesOfSupport {padding: 90px 0 80px;}
			.ex-list {
				margin: -20px auto 0;
				width: 1000px;
				font-size: 24px;
			}
			.ex-item {width: 232px;}
			.ex-item-ttl {margin-top: 10px;}
			.ex-item small {font-size: 16px;}
		}

		/* tab */
		@media (max-width: 1279px) {
			main.contents .ExamplesOfSupport {padding: 7.03125vw 0 6.25vw;}
			.ex-list {
				margin: -1.5625vw auto 0;
				width: 78.125vw;
				font-size: 1.875vw;
			}
			.ex-item {width: 18.125vw;}
			.ex-item-ttl {margin-top: 0.78125vw;}
			.ex-item small {font-size: 1.25vw;}
		}
	}
}

/* StrengthOfNTCI */
@media all {
	.str-list {counter-reset: str;}
	.str-item {
		position: relative;
		padding-left: 2em;
		font-weight: bold;
		counter-increment: str;
	}
	.str-item::before {
		content: counter(str, decimal-leading-zero);
		position: absolute;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 1.85em;
		height: 1.85em;
		border-radius: 50%;
		border: solid #009b63;
		color: #009b63;
	}
	.str-item:nth-child(odd)::before {
		background-color: #009b63;
		color: #fff;
	}
	.str-item sup {
		color: #009b63;
		top: -.25em;
	}

	.str-detail p {
		font-weight: 500;
		color: #009b63;
	}

	.StrengthsOfNTCI .moreShowButton a {padding-right: 1em;}
	.StrengthsOfNTCI .moreShowButton a::after {
		content: '';
		position: absolute;
		top: calc(50% - .5em);
		right: 1.5em;
		display: block;
		width: 1em;
		height: 1em;
		border-right: solid #009b63;
		border-bottom: solid #009b63;
		transform: rotate(-45deg);
		transition: border-color .3s;
	}
	
	/* sp */
	@media screen and (max-width: 767px) {
		.str-item {font-size: 4.6875vw;}
		.str-item::before {
			top: -.75vw;
			border-width: max(2px, 0.625vw);
			font-size: 4.5vw;
		}
		.str-item + .str-item {margin-top: 1em;}
		main.contents section.StrengthsOfNTCI .moreShowButton a {
			margin-top: 1em;
			font-size: 4.375vw;
		}
		.str-detail {
			margin-top: 2em;
			font-size: 3.5vw;
		}
		.str-detail p {
			font-feature-settings: "palt";
			white-space: nowrap;
		}
		
		main.contents section.StrengthsOfNTCI .moreShowButton a {
			margin: 4vw auto 0;
			width: 45vw;
			height: 10vw;
			font-size: 4vw;
		}
		.StrengthsOfNTCI .moreShowButton a::after {
			font-size: 2.5vw;
			border-width: max(1px, 0.3125vw);
		}
	}

	/* tab & pc */
	@media (min-width: 768px) {
		.str-list {
			margin: 0 auto;
			white-space: nowrap;
		}
		.str-item {line-height: 1.25;}
		.str-item + .str-item {margin-top: 1.85em;}
		.str-detail {
			display: flex;
			align-items: center;
			justify-content: center;
			column-gap: 2em;
			margin-top: 2.5em;
		}
		main.contents section.StrengthsOfNTCI .moreShowButton {
			margin: 0;
			padding: 0;
		}
		.StrengthsOfNTCI .moreShowButton a::after {
			border-right-width: 1px;
			border-bottom-width: 1px;
		}
		.StrengthsOfNTCI .moreShowButton a:hover::after {
			border-right-color: #fff;
			border-bottom-color: #fff;
		}
		
		/* pc */
		@media (min-width: 1280px) {
			.str-list {width: 763px;}
			.str-item {font-size: 22px;}
			.str-item::before {
				border-width: 2px;
				font-size: 20px;
			}
			main.contents section.StrengthsOfNTCI .moreShowButton a {
				margin: 0;
				width: 180px;
				height: 40px;
			}
			.StrengthsOfNTCI .moreShowButton a::after {font-size: 10px;}
		}

		/* tab */
		@media (max-width: 1279px) {
			.str-list {width: 59.609375vw;}
			.str-item {font-size: 1.71875vw;}
			.str-item::before {
				border-width: max(1px, 0.15625vw);
				font-size: 1.5625vw;
			}
			.str-detail {font-size: 1.25vw;}
			main.contents section.StrengthsOfNTCI .moreShowButton a {
				margin: 0;
				width: 14.0625vw;
				height: 3.125vw;
				font-size: 1.25vw;
			}
			.StrengthsOfNTCI .moreShowButton a::after {font-size: 0.78125vw;}
		}
	}
}

/* SupportAchievements */
@media all {
	.SupportAchievements {background-color: rgba(0, 104, 183, 0.03);}
	.sa-item {
		overflow: hidden;
		background-color: #fff;
		border: #ddd solid 1px;
	}
	.sa-item-img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.sa-item-dl {font-feature-settings: "palt";}
	.sa-item-dt small {font-weight: normal;}
	.sa-item-btn {
		width: 1em;
		aspect-ratio: 1;
		border-radius: 50%;
		border: solid #333 1px;
	}
	.sa-item-btn::before,
	.sa-item-btn::after {
		content: '';
		position: absolute;
		top: calc(50% - .5px);
		left: calc(50% - .29188889em);
		width: .5833333em;
		height: 1px;
		background-color: #333;
	}
	.sa-item-btn::after {
		transform-origin: center center;
		transform: rotate(90deg);
	}

	/* sp */
	@media screen and (max-width: 767px) {
    main.contents .SupportAchievements {
      padding: 15.625vw 6.25vw;
    }
		.sa-item {
			border-width: max(1px, 0.3125vw);
			border-radius: 6.25vw;
			box-shadow: 0 0.9375vw 1.875vw rgba(0, 0, 0, 0.16);
		}
		.sa-item + .sa-item {margin-top: 6.25vw;}

		.sa-item-img {
			height: 37.5vw;
		}

		.sa-item-dl {
			position: relative;
			padding: 5vw 4vw;
		}
		.sa-item-dt {font-size: 4.6875vw;}
		.sa-item-dt small {font-size: 4.0625vw;}
		.sa-item-dd {
			margin-top: 2vw;
			font-size: 4.0625vw;
			white-space: nowrap;
		}
		.sa-item-btn {
			position: absolute;
			top: 5vw;
			right: 5vw;
			font-size: 4.4vw;
		}
		
	}

	/* tab & pc */
	@media (min-width: 768px) {
		main.contents section.SupportAchievements {
			padding: min(90px, 7.03125vw) 0;
		}
		.sa-list {
			margin:0 auto;
			width: min(800px, 62.5vw);
		}
		.sa-item {
			display: flex;
			align-items: stretch;
			text-align: center;
			border-radius: min(20px, 1.5625vw);
			box-shadow: 0 min(3px, 0.234375vw) min(6px, 0.46875vw) rgba(0, 0, 0, 0.16);
			transition: box-shadow .3s;
			height: round(up, 15.625vw, 1px);
			max-height: 200px;
		}
		.sa-item:hover {
			cursor: pointer;
			box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		}
		.sa-item + .sa-item {margin-top: min(30px, 2.34375vw);}
		.sa-item-img {
			overflow: hidden;
			width: min(500px, 39.0625vw);
		}
		.sa-item-img img {transition: transform .3s;}
		.sa-item:hover .sa-item-img img {transform: scale(1.05);}
		.sa-item-dl {
			display: flex;
			flex-direction: column;
			justify-content: center;
			row-gap: min(14px, 1.09375vw);
			padding: min(10px, 0.78125vw);
			width: min(300px, 23.4375vw);
		}
		.sa-item-dt {font-size: min(18px, 1.44vw);}
		.sa-item-dt small {font-size: min(16px, 1.25vw);}
		.sa-item-dd {font-size: min(16px, 1.25vw);}
		
		.sa-item-btn {
			position: relative;
			margin: 0 auto;
			font-size: min(24px, 1.875vw);
		}
		.sa-item-btn::before,
		.sa-item-btn::after {top: 50%;}

	}
}

/* contact */
@media all {
	.contact-btn {text-align: center;}
	.contact-btn-txt span {
		position: relative;
		display: inline-block;
		font-weight: bold;
		color: #0068b7;
		font-feature-settings: "palt";
	}
	.contact-btn-txt span::before,
	.contact-btn-txt span::after {
		content: '';
		position: absolute;
		top: 0;
		left: -.83em;
		display: block;
		width: 2px;
		height: 1.66em;
		background-color: #0068b7;
		transform: rotate(-45deg);
	}
	.contact-btn-txt span::after {
		transform: rotate(45deg);
		left: calc(100% + .7em);
	}

	.contact-button {
		position: relative;
		display: inline-flex;
		align-items: center;
		margin: .5em auto 0;
		padding-right: 1em;
		justify-content: center;
		border: 2px solid #0068b7;
		border-radius: 100px;
		background-color: #0068b7;
		font-weight: bold;
		color: #fff;
		transition: background-color .3s, color .3s;
	}
	.contact-button::before {
		content: '';
		position: absolute;
		top: calc(50% - .5em);
		right: 1.25em;
		display: block;
		width: 1em;
		height: 1em;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(-45deg);
		transition: border-color .3s;
	}

	.contact-button:hover {
		color: #0068b7;
		background-color: #fff;
	}
	.contact-button:hover::before {border-color: #0068b7;}
	
	/* sp */
	@media screen and (max-width: 767px) {
		.contact-btn-main {margin: 10vw 0 1.25vw;}
		.contact-btn-txt span {
			font-size: 4.0625vw;
		}
		.contact-button {
			width: 78vw;
			height: 16vw;
			font-size: 4.6875vw;
		}
	}

	/* tab & pc */
	@media (min-width: 768px) {
		.contact-btn-main {
			margin-top: min(50px, 3.90625vw);
			margin-bottom: min(150px, 11.71875vw);
		}
		.contact-btn-txt span {
			font-size: min(18px, 1.40625vw);
		}
		.contact-button {
			width: min(450px, 35.15625vw);
			height: min(100px, 7.8125vw);
			font-size: min(24px, 1.875vw);
		}
		
		/* pc */
		@media (min-width: 1280px) {}

		/* tab */
		@media (max-width: 1279px) {}
	}
}


/* modal */
@media all {
  .modal-overseas .modal-dialog .modal-content .modal-body .EmployerPersonalInfo {font-feature-settings: "palt";}
	.modal-overseas .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory span {
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
  }
  .modal-ttl-pref {font-weight: normal;}
  .modal-company-link {
    display: inline-block;
    margin-left: .5em;
    aspect-ratio: 1;
    background: bottom left / contain no-repeat;
    transition: opacity .3s;
  }
  p + .IndividualCategory {margin-top: 2em;}
  .modal-dl + .modal-dl {margin-top: 1.2em;}
  .modal-dt, .modal-dd {display: inline;}
  .modal-dt {
    font-weight: bold;
    color: #009b63;
  }

  .modal-notice {
    margin-top: 2em;
    color: #666;
    line-height: 1.714;
  }
  
	/* sp */
	@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .modal-body .EmployerPersonalInfo {
      padding-bottom: 10vw;
    }
    .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory.sp2line span {
      -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 4.983vw) 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, calc(100% - 4.983vw) 100%, 0% 100%);
    }
    .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo {padding: 0;}
    .modal-dialog .modal-content .modal-body div.close {
      right: 2.25vw;
      top: 2.25vw;
    }
    .modal-company-link {
      width: 5vw;
      background-image: url(../image/overseas-business/link-sp.svg);
    }
    .modal-img-flex {
      margin: 4vw auto 0;
      width: 63vw;
    }
    .modal-img + .modal-img {
      margin-top: 2.5vw;
    }
    .contact-btn-modal .contact-button {margin-top: 10vw;}
  }

	/* tab & pc */
	@media (min-width: 768px) {
    .modal-dialog .modal-content .modal-body .EmployerPersonalInfo {
      padding-bottom: min(30px, 2.34375vw);
    }
    .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo {
      padding: 0 min(20px, 1.5625vw);
    }
    .modal-dialog .modal-content .modal-body .slick-prev {
      left: auto;
      right: calc(50% + min(480px, 37.5vw));
    }
    .modal-dialog .modal-content .modal-body .slick-next {
      right: auto;
      left: calc(50% + min(480px, 37.5vw));
    }

    .modal-company-link {
      width: min(19px, 1.484375vw);
      background-image: url(../image/overseas-business/link-pc.svg);
    }
    .modal-company-link:hover {opacity: .6;}

    .modal-notice {
      font-size: min(14px, 1.09375vw);
    }

    .modal-img-flex {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: min(16px, 1.25vw);
    }
    .modal-img-flex::after {
      content: '';
      display: block;
    }
    .modal-img-flex::after, .modal-img {width: min(252px, 19.6875vw);}

    .contact-btn-modal {margin-top: min(30px, 2.34375vw);}
    .contact-btn-modal .contact-button {
      width: min(360px, 28.125vw);
      height: min(80px, 6.25vw);
      font-size: min(21px, 1.640625vw);
    }
    .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .DescriptionText.afterText {
      padding-bottom: 0;
    }
		
		/* pc */
		@media (min-width: 1280px) {
      .modal-overseas .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory span {
        padding: 0 18px 1px 6px;
        font-size: 17px;
      }
    }
    
		/* tab */
		@media (max-width: 1279px) {
      .modal-overseas .modal-dialog .modal-content .modal-body .EmployerPersonalInfo .IndividualInfo .IndividualCategory span {
        font-size: 1.328125vw;
      }
      .modal-overseas .DescriptionText p,
      .modal-dl {
        font-size: 1.25vw;
      }
      .modal-overseas .slick-list.draggable {padding-bottom: 0.78125vw!important;}
    }
	}
}


/* template */
@media all {
	
	/* sp */
	@media screen and (max-width: 767px) {}

	/* tab & pc */
	@media (min-width: 768px) {
		
		/* pc */
		@media (min-width: 1280px) {}

		/* tab */
		@media (max-width: 1279px) {}
	}
}

