.text-teal {
  color: #55C5C9;
}

.text-red {
  color: #D52C2F !important;
}

/* josefin-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/josefin-sans-v26-latin-regular.woff2") format("woff2"), url("../assets/fonts/josefin-sans-v26-latin-regular.woff") format("woff");
}
/* josefin-sans-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../assets/fonts/josefin-sans-v26-latin-500italic.woff2") format("woff2"), url("../assets/fonts/josefin-sans-v26-latin-500italic.woff") format("woff");
}
/* josefin-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../assets/fonts/josefin-sans-v26-latin-600italic.woff2") format("woff2"), url("../assets/fonts/josefin-sans-v26-latin-600italic.woff") format("woff");
}
/* josefin-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../assets/fonts/josefin-sans-v26-latin-700italic.woff2") format("woff2"), url("../assets/fonts/josefin-sans-v26-latin-700italic.woff") format("woff");
}
a:link,
a:visited,
a:hover,
a:active,
a {
  text-decoration: none !important;
  color: inherit;
}

h1,
.h1-like {
  font-size: clamp(2.5rem, 5vw, 6.4rem);
  font-weight: 700;
  line-height: 165%;
}

h2,
.h2-like {
  font-size: clamp(4rem, 4vw, 5rem);
  font-weight: 700;
  line-height: 160%;
}

h3,
.h3-like {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 700;
}

h4,
.h4-like {
  font-size: clamp(1.8rem, 2vw, 2rem);
  font-weight: 700;
}

.p-1216 {
  font-size: clamp(1.2rem, 2vw, 1.6rem);
}

.p-1215 {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}

.p-1418 {
  font-size: clamp(1.4rem, 1.4vw, 1.8rem);
}

.p-1618 {
  font-size: clamp(1.6rem, 1.6vw, 1.8rem);
}

.p-1620 {
  font-size: clamp(1.6rem, 2vw, 2rem);
}

.p-1824 {
  font-size: clamp(1.8rem, 2vw, 2.4rem);
}

.p-2036 {
  font-size: clamp(2rem, 3vw, 3.6rem);
}

.p-2337 {
  font-size: clamp(2.3rem, 3vw, 3.7rem);
}

.p-2032 {
  font-size: clamp(2rem, 3vw, 3.2rem);
}

.p-2430 {
  font-size: clamp(2.4rem, 2.4vw, 3rem);
}

.p-5385 {
  font-size: clamp(5.3rem, 8vw, 8.5rem);
}

.p-70100 {
  font-size: clamp(7rem, 10vw, 10rem);
}

.p-small {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
}

.f-source-b {
  font-family: "source-han-sans-japanese", YuGothic, "YuGothic", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.15em;
}

.f-source-med {
  font-family: "source-han-sans-japanese", YuGothic, "YuGothic", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.15em;
}

.f-josefin-medi {
  font-family: "Josefin Sans", YuGothic, "YuGothic", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.1em;
}

.f-josefin-sbi {
  font-family: "Josefin Sans", YuGothic, "YuGothic", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.1em;
}

.f-josefin-bi {
  font-family: "Josefin Sans", YuGothic, "YuGothic", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.1em;
}

.med-to-bold {
  font-weight: 500;
}

@media screen and (min-width: 801px) {
  .med-to-bold {
    font-weight: 700;
  }
}
.center-text {
  text-align: center;
}

.bold-text {
  font-weight: 700;
}

.regular-text {
  font-weight: 400;
}

.lh140 {
  line-height: 140%;
}

.lh-200-250 {
  line-height: 200%;
}
@media screen and (min-width: 801px) {
  .lh-200-250 {
    line-height: 250%;
  }
}

.case-landing .landing-banner {
  background: url(../img/case/case-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: clamp(300px, 60vw, 604px);
}
@media screen and (min-width: 801px) {
  .case-landing .landing-banner {
    background: url(../img/case/case-banner.webp) center no-repeat;
    background-size: cover;
  }
}

section.case-1 {
  position: relative;
}
section.case-1 .content-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #ffffff;
}
section.case-1 .content-container .text-container {
  width: 88%;
  max-width: 526px;
  margin: 2em auto;
  padding-bottom: 2em;
  letter-spacing: 0.15em;
  line-height: 180%;
  font-weight: 400;
  letter-spacing: 0.1em;
}
section.case-1 .content-container .text-container h2 {
  margin-bottom: 1em;
}
section.case-1 .content-container .text-container h2 .spacer {
  display: inline-block;
  vertical-align: middle;
  width: 0.9em;
  height: 2px;
  background-color: #D52C2F;
  margin: auto 0.4em;
}
section.case-1 .content-container .text-container p.uptitle {
  font-weight: bold;
  margin-bottom: 0.6em;
}
section.case-1 .content-container .text-container h4 {
  margin-bottom: 1em;
}
section.case-1 .content-container .text-container p.case-content {
  letter-spacing: 0.15em;
  line-height: 180%;
  font-weight: 400;
}
section.case-1 .content-container .img-container {
  align-self: flex-end;
  display: block;
  width: 88%;
  height: 84vw;
  max-width: 600px;
  max-height: 550px;
  margin-bottom: 40px;
  background: url(../img/case/case-sp-1.webp) center no-repeat;
  background-size: cover;
}
section.case-1 .bg-pattern {
  position: absolute;
  display: block;
  height: 100%;
  max-height: 486px;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: url(../img/common/bg-pattern-fw-sp.svg) center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.case-1 .content-container {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 96%;
    padding: 0 clamp(80px, 10vw, 120px) 132px clamp(80px, 12vw, 200px);
  }
  section.case-1 .content-container .img-container {
    width: 36vw;
    max-width: 632px;
    height: 30vw;
    max-height: 470px;
    align-self: flex-start;
    background: url(../img/case/case-1.webp) center no-repeat;
    background-size: cover;
    margin: 0 0 0 0;
  }
  section.case-1 .content-container .text-container {
    padding: 0 0 0 0;
    margin: 0 1em 0 0;
  }
  section.case-1 .bg-pattern {
    background: url(../img/common/bg-pattern-fw.svg) center no-repeat;
    background-size: cover;
    width: 50%;
  }
}

section.point-2 {
  padding: clamp(40px, 6vw, 56px) 0 clamp(60px, 10vw, 100px) 0;
  background-color: #F7F7F7;
}
section.point-2 .point-title {
  margin: 0 auto clamp(60px, 8vw, 80px) auto;
}
section.point-2 .point-title h4 {
  margin-top: 1em;
  line-height: 160%;
}
section.point-2 .point-row {
  width: 1500px;
  max-width: 96%;
  margin: 0 auto;
  align-items: center;
}
section.point-2 .point-row .tp-card {
  align-self: center;
  width: 100%;
}
section.point-2 .point-row .dw-card {
  width: 100%;
  max-width: 524px;
}
section.point-2 .point-row .dw-card .circle-wrapper {
  width: fit-content;
  max-width: 100%;
  align-items: center;
}
section.point-2 .point-row .dw-card .point-list {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: -1px;
  justify-content: space-between;
  align-items: center;
  margin-top: 23px;
}
section.point-2 .point-row .dw-card .point-list:after {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background-color: #55C5C9;
  top: 0;
  z-index: 0;
}
section.point-2 .point-row .dw-card .point-list .point-text {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 0.8em 1em;
  background-color: #55C5C9;
  color: #ffffff;
  border-radius: 2em;
  white-space: nowrap;
  width: fit-content;
  margin-bottom: 25px;
  z-index: 1;
}
section.point-2 .point-row .dw-card .point-list .point-text:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1001px) and (max-width: 1500px) {
  section.point-2 .point-row .tp-arrow {
    display: none;
  }
  section.point-2 .point-row .dw-card .point-list .point-text {
    font-size: 12px;
  }
}
@media screen and (min-width: 1201px) {
  section.point-2 .point-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.point-2 .point-row .tp-card {
    align-self: start;
    width: 24%;
  }
  section.point-2 .point-row .tp-card.dw-card {
    width: 40%;
  }
  section.point-2 .point-row .tp-card.dw-card .circle-wrapper {
    flex-direction: row;
  }
  section.point-2 .point-row .tp-card.dw-card .tp-circle {
    max-width: 208px;
    height: 208px;
  }
  section.point-2 .point-row .tp-card.dw-card .spacer {
    display: block;
    min-width: clamp(10px, 2vw, 32px);
    width: clamp(10px, 2vw, 32px);
    height: 2px;
    background-color: #55C5C9;
  }
  section.point-2 .point-row .tp-card.dw-card .spacer-list {
    display: flex;
    flex-direction: column;
    height: 186px;
    justify-content: space-between;
    border-left: 2px solid #55C5C9;
  }
  section.point-2 .point-row .tp-card.dw-card .point-list {
    height: 220px;
    margin-top: 0;
  }
  section.point-2 .point-row .tp-card.dw-card .point-list::after {
    display: none;
  }
  section.point-2 .point-row .tp-card.dw-card .point-list .point-text {
    width: 100%;
    margin-bottom: 0;
  }
  section.point-2 .point-row .tp-arrow {
    transform: unset;
    margin: 0 0 8% 0;
  }
}

section.review {
  padding-top: clamp(60px, 10vw, 100px);
  margin-bottom: clamp(120px, 15vw, 200px);
}
section.review .review-item {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 92%;
  max-width: 1200px;
  margin: 0 auto clamp(60px, 10vw, 80px);
}
section.review .review-item .review-avatar {
  display: block;
  width: clamp(120px, 20vw, 250px);
  min-width: clamp(120px, 20vw, 250px);
  height: clamp(120px, 20vw, 250px);
  background: url(../img/case/avatar-teal.svg) center no-repeat;
  background-size: contain;
  align-self: flex-start;
  margin: 0 0 0 10%;
}
section.review .review-item .review-text {
  position: relative;
  box-sizing: border-box;
  padding: clamp(20px, 3.3vw, 40px) clamp(20px, 5vw, 80px);
  background-color: #55C5C9;
  color: #ffffff;
  letter-spacing: 0.1em;
  max-width: 600px;
  margin: 0 0 clamp(40px, 10vw, 60px) 0;
}
section.review .review-item .review-text h4 {
  width: 100%;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
}
section.review .review-item .review-text p {
  font-weight: 400;
  line-height: 180%;
}
section.review .review-item .review-text:after {
  content: "";
  display: block;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  position: absolute;
  width: clamp(30px, 4vw, 50px);
  height: clamp(30px, 4vw, 50px);
  background-color: #55C5C9;
  bottom: 1px;
  left: 40%;
  transform: translate(0, 100%);
}
section.review .review-item.ri-reverse .review-avatar {
  align-self: flex-end;
  background: url(../img/case/avatar-orange.svg) center no-repeat;
  background-size: contain;
  margin: 0 10% 0 0;
}
section.review .review-item.ri-reverse .review-text {
  background-color: #F87373;
}
section.review .review-item.ri-reverse .review-text:after {
  background-color: #F87373;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
section.review .case2 {
  align-items: center;
  width: 100%;
  max-width: 1360px;
  margin: clamp(120px, 20vw, 230px) auto clamp(80px, 10vw, 132px) auto;
}
section.review .case2 .text-container {
  width: 82vw;
}
section.review .case2 .text-container h4.rj-title {
  font-family: "Josefin Sans", YuGothic, "YuGothic", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #D52C2F;
  font-size: 16px;
  margin-bottom: 0.8em;
}
section.review .case2 .text-container h2 {
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
  margin-bottom: 1em;
}
section.review .case2 .text-container h4.subtitle {
  margin-bottom: 1.5em;
  line-height: 160%;
}
section.review .case2 .text-container p.case-content {
  line-height: 180%;
  letter-spacing: 0.1em;
}
section.review .case2 .img-container {
  align-self: flex-start;
  display: block;
  width: 88%;
  height: 84vw;
  max-width: 600px;
  max-height: 550px;
  margin-bottom: 40px;
  background: url(../img/case/case-sp-2.webp) center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 601px) {
  section.review .review-item .review-text:after {
    left: 25%;
  }
  section.review .review-item.ri-reverse .review-text:after {
    left: 60%;
  }
}
@media screen and (min-width: 801px) {
  section.review {
    background: url(../img/case/bg-pattern-right.svg) top 130px right no-repeat;
    background-size: clamp(50px, 10vw, 150px);
  }
  section.review .review-item {
    flex-direction: row;
  }
  section.review .review-item .review-avatar {
    align-self: center;
    margin: 0 0 0 0;
  }
  section.review .review-item .review-text {
    margin: 0 0 0 clamp(40px, 8vw, 100px);
    max-width: unset;
  }
  section.review .review-item .review-text:after {
    clip-path: polygon(0% 50%, 100% 0, 100% 100%);
    bottom: 50%;
    left: 1px;
    transform: translate(-100%, 50%);
  }
  section.review .review-item.ri-reverse {
    flex-direction: row-reverse;
  }
  section.review .review-item.ri-reverse .review-text {
    margin: 0 clamp(40px, 8vw, 100px) 0 0;
  }
  section.review .review-item.ri-reverse .review-text:after {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    left: unset;
    right: 1px;
    transform: translate(100%, 50%);
  }
  section.review .review-item.ri-reverse .review-avatar {
    align-self: center;
  }
  section.review .case2 {
    width: 88%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section.review .case2 .text-container {
    width: 40%;
    max-width: 500px;
    margin: 0 clamp(20px, 4vw, 60px) 0 1em;
  }
  section.review .case2 .img-container {
    align-self: flex-start;
    width: 50%;
    max-width: 626px;
    height: 40vw;
    max-height: 470px;
    background: url(../img/case/case-2.webp) center no-repeat;
    background-size: cover;
  }
}

section.case-contact {
  padding: 40px 0 clamp(60px, 10vw, 100px);
  background: url(../img/case/contact-bg-sp.webp) center no-repeat;
  background-size: cover;
  color: #ffffff;
  margin-bottom: clamp(60px, 10vw, 130px);
}
section.case-contact h2 {
  font-size: clamp(2.4rem, 4vw, 4rem);
}
section.case-contact .content-container {
  max-width: 92%;
}
section.case-contact .vm-btn {
  margin-top: 45px;
  background-color: unset;
  width: 97%;
  max-width: 97%;
  font-size: clamp(12px, 2vw, 30px);
  padding: 1em;
}
section.case-contact .vm-btn:after {
  margin-left: 1em;
  position: unset;
  width: clamp(60px, 10vw, 130px);
  transform: translateY(-30%);
}
@media screen and (min-width: 801px) {
  section.case-contact {
    background: url(../img/case/contact-bg.webp) center no-repeat;
    background-size: cover;
  }
}

.at18-landing .landing-banner {
  background: url(../img/at18/at-18-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: auto;
  aspect-ratio: 4/3;
}
@media screen and (min-width: 1001px) {
  .at18-landing .landing-banner {
    background: url(../img/at18/at-18-banner.webp) center no-repeat;
    background-size: cover;
    height: clamp(300px, 25vw, 604px);
  }
}
@media screen and (min-width: 1401px) {
  .at18-landing .landing-banner {
    height: clamp(300px, 30vw, 604px);
  }
}

section.at18-intro .content-container .img-container {
  background: url(../img/at18/at18-sp-1.webp) center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.at18-intro .content-container .text-container {
    max-width: 725px;
  }
  section.at18-intro .content-container .img-container {
    background: url(../img/at18/at18-1.webp) center no-repeat;
    background-size: cover;
  }
}

section.at18-check .bg-img {
  background: url(../img/at18/check-bg.webp) left top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.at18-check a.check-link {
    margin-left: -2.5em;
  }
}

section.internship-contact {
  padding: 40px 0 clamp(60px, 10vw, 100px);
  background: url(../img/internship/contact-bg-sp.webp) center no-repeat;
  background-size: cover;
  color: #ffffff;
  margin-bottom: clamp(120px, 20vw, 250px);
}
section.internship-contact h2 {
  font-size: clamp(2.4rem, 4vw, 4rem);
}
section.internship-contact .content-container {
  max-width: 92%;
}
section.internship-contact .vm-btn {
  margin-top: 45px;
  background-color: unset;
  width: 97%;
  max-width: 97%;
  font-size: clamp(12px, 2vw, 30px);
  padding: 1em;
}
section.internship-contact .vm-btn:after {
  margin-left: 1em;
  position: unset;
  width: clamp(60px, 10vw, 130px);
  transform: translateY(-30%);
}
@media screen and (min-width: 801px) {
  section.internship-contact {
    background: url(../img/internship/contact-bg.webp) center no-repeat;
    background-size: cover;
  }
}

.procarry-landing .landing-banner {
  background: url(../img/procarry/procarry-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: clamp(300px, 60vw, 604px);
}
@media screen and (min-width: 801px) {
  .procarry-landing .landing-banner {
    background: url(../img/procarry/procarry-banner.webp) center no-repeat;
    background-size: cover;
  }
}

section.procarry-intro .content-container .img-container {
  background: url(../img/procarry/procarry-sp-1.webp) center no-repeat;
  background-size: cover;
}
section.procarry-intro .content-container .text-container p.intro-content {
  margin-bottom: 1em;
}
section.procarry-intro .content-container .text-container p.intro-content.ic-2 {
  margin-bottom: 0;
}
@media screen and (min-width: 801px) {
  section.procarry-intro .content-container .text-container {
    max-width: 725px;
  }
  section.procarry-intro .content-container .img-container {
    background: url(../img/procarry/procarry-1.webp) center no-repeat;
    background-size: cover;
  }
}

section.procarry-check .bg-img {
  background: url(../img/procarry/procarry-check.webp) left top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.procarry-check a.check-link {
    margin-left: -2.5em;
  }
}

.support-landing .landing-banner {
  background: url(../img/support/support-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: clamp(300px, 60vw, 604px);
}
@media screen and (min-width: 801px) {
  .support-landing .landing-banner {
    background: url(../img/support/support-banner.webp) center no-repeat;
    background-size: cover;
  }
}

section.support-intro .content-container .img-container {
  background: url(../img/support/support-sp-1.webp) center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.support-intro .content-container .text-container {
    max-width: 725px;
  }
  section.support-intro .content-container .img-container {
    background: url(../img/support/support-1.webp) center no-repeat;
    background-size: cover;
    max-height: 400px;
  }
}

section.support-news {
  margin-top: clamp(120px, 20vw, 220px);
}

.keitaku-landing .landing-banner {
  background: url(../img/keitaku/keitaku-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: clamp(300px, 60vw, 604px);
}
@media screen and (min-width: 801px) {
  .keitaku-landing .landing-banner {
    background: url(../img/keitaku/keitaku-banner.webp) center no-repeat;
    background-size: cover;
  }
}

section.keitaku-intro .content-container .img-container {
  background: url(../img/keitaku/keitaku-sp-1.webp) center no-repeat;
  background-size: cover;
}
section.keitaku-intro .content-container .text-container p.intro-content {
  margin-bottom: 1em;
}
section.keitaku-intro .content-container .text-container p.intro-content.ic-2 {
  margin-bottom: 0;
}
@media screen and (min-width: 801px) {
  section.keitaku-intro .content-container .text-container {
    max-width: 725px;
  }
  section.keitaku-intro .content-container .img-container {
    background: url(../img/keitaku/keitaku-1.webp) center no-repeat;
    background-size: cover;
    max-height: 400px;
  }
}

section.keitaku-check .bg-img {
  background: url(../img/keitaku/keitaku-check.webp) left top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.keitaku-check a.check-link {
    margin-left: -2.5em;
  }
}

.sci-landing .landing-banner {
  background: url(../img/sci/sci-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: clamp(300px, 60vw, 604px);
}
@media screen and (min-width: 801px) {
  .sci-landing .landing-banner {
    background: url(../img/sci/sci-banner.webp) center no-repeat;
    background-size: cover;
  }
}

section.sci-intro .content-container .img-container {
  background: url(../img/sci/sci-sp-1.webp) center no-repeat;
  background-size: cover;
}
section.sci-intro .content-container .text-container p.intro-content {
  margin-bottom: 1em;
}
section.sci-intro .content-container .text-container p.intro-content.ic-2 {
  margin-bottom: 0;
}
@media screen and (min-width: 801px) {
  section.sci-intro .content-container .text-container {
    max-width: 725px;
  }
  section.sci-intro .content-container .img-container {
    background: url(../img/sci/sci-1.webp) center no-repeat;
    background-size: cover;
  }
}

section.sci-check .bg-img {
  background: url(../img/sci/sci-check.webp) left top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.sci-check a.check-link {
    margin-left: -2.5em;
  }
}

.csn-landing .landing-banner {
  background: url(../img/csn/csn-banner-sp.webp) center no-repeat;
  background-size: cover;
  height: clamp(300px, 60vw, 604px);
}
@media screen and (min-width: 801px) {
  .csn-landing .landing-banner {
    background: url(../img/csn/csn-banner.webp) center no-repeat;
    background-size: cover;
  }
}

section.csn-intro .content-container .img-container {
  background: url(../img/csn/csn-sp-1.webp) center no-repeat;
  background-size: cover;
}
section.csn-intro .content-container .text-container p.intro-content {
  margin-bottom: 1em;
}
section.csn-intro .content-container .text-container p.intro-content.ic-2 {
  margin-bottom: 0;
}
@media screen and (min-width: 801px) {
  section.csn-intro .content-container .text-container {
    max-width: 725px;
  }
  section.csn-intro .content-container .img-container {
    background: url(../img/csn/csn-1.webp) center no-repeat;
    background-size: cover;
  }
}

section.csn-check .bg-img {
  background: url(../img/csn/csn-check.webp) left top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 801px) {
  section.csn-check a.check-link {
    margin-left: -2.5em;
  }
}

/*# sourceMappingURL=project.css.map */