@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 400;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-Regular_subset.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 500;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-Medium_subset.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 700;
  src: url("/wp/wp-content/themes/newone/fonts/NotoSansJP-Bold_subset.woff") format("woff");
}
@media (min-width: 375px) {
  body {
    /* 375px以上 */
  }
}
@media (min-width: 601px) {
  body {
    /* WordPress601px以上 */
  }
}
@media (min-width: 783px) {
  body {
    /* WordPress783px以上 */
  }
}
@media (min-width: 768px) {
  body {
    /* タブレット以上 */
  }
}
@media (min-width: 769px) {
  body {
    /* 769px以上用 */
  }
}
@media (min-width: 1024px) {
  body {
    /* タブレットPro以上用 */
  }
}
@media (min-width: 1200px) {
  body {
    /* PC（サイトのコンテンツ幅）以上 */
  }
}

@keyframes loop {
  0% {
    transform: translateX(0);
  }
  33.3333% {
    transform: translateX(-100%);
  }
  33.3334% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  66.6666% {
    transform: translateX(-200%);
  }
  66.6667% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes loop3 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-300%);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  99.9%, to {
    transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    stroke-dasharray: 464.9568;
    stroke-dashoffset: 464.9568;
  }
  99.9%, to {
    stroke-dasharray: 464.9568;
    stroke-dashoffset: 0;
  }
}
@keyframes circle02 {
  0% {
    stroke-dasharray: 238.7616;
    stroke-dashoffset: 238.7616;
  }
  99.9%, to {
    stroke-dasharray: 238.7616;
    stroke-dashoffset: 0;
  }
}
@keyframes fade-large {
  0% {
    opacity: 1;
    transform: translate(0, -50%);
  }
  50% {
    opacity: 0;
    transform: translate(50%, -50%);
  }
  50.1% {
    opacity: 0;
    transform: translate(-70%, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
@keyframes fade-large-static {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(50%);
  }
  50.1% {
    opacity: 0;
    transform: translateX(-70%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 1;
    transform: translate(-50%, 0) rotate(-90deg);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  50.1% {
    transform: translate(-50%, 80%) rotate(-90deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0) rotate(-90deg);
  }
}
@keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
  50% {
    opacity: 0;
    transform: translateY(20%) rotate(90deg);
  }
  50.1% {
    transform: translateY(-150%) rotate(90deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
  }
}
@keyframes fade-large_45deg {
  0% {
    opacity: 1;
    transform: translate(0, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0;
    transform: translate(50%, -100%) rotate(-45deg);
  }
  50.1% {
    opacity: 0;
    transform: translate(-70%, 20%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%) rotate(-45deg);
  }
}
@keyframes fade-small {
  0% {
    opacity: 1;
    transform: translate(0, -50%);
  }
  50% {
    opacity: 0;
    transform: translate(40%, -50%);
  }
  50.1% {
    transform: translate(-40%, -50%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
@keyframes fade-top-right {
  0% {
    opacity: 1;
    transform: translate(0, 0) rotate(-45deg);
  }
  50% {
    opacity: 0;
    transform: translate(40%, -60%) rotate(-45deg);
  }
  50.1% {
    opacity: 0;
    transform: translate(-50%, 75%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(-45deg);
  }
}
@keyframes border_hover {
  0% {
    width: 0;
  }
  99.9%, to {
    width: 100%;
  }
}
body:not(.home) .global_contents > .effect-verification_section {
  padding-bottom: initial;
}

.effect-verification_highlight {
  color: #00aebb;
  font-weight: 700;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 769px) {
  .effect-verification_highlight {
    font-size: 16px;
  }
}

.effect-verification_button {
  padding: 12px 10px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  background-color: #00b2bc;
  border: 1px solid #00b2bc;
  text-align: center;
  text-decoration: none;
  border-radius: 100vmax;
  transition: all 0.3s;
}
@media (min-width: 769px) {
  .effect-verification_button {
    padding: 7px 10px;
  }
}
@media (any-hover: hover) {
  .effect-verification_button:hover {
    color: #00b2bc;
    background-color: #fff;
  }
}

.effect-verification_section-header {
  background: linear-gradient(to right, #00b2bc, rgba(0, 178, 188, 0));
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .effect-verification_section-header {
    height: 36px;
  }
}

@media (min-width: 769px) {
  .effect-verification_section-header--gradient {
    width: min(100%, 960px);
  }
}

.effect-verification_section-header--full {
  background: #00b2bc;
  justify-content: center;
}

.effect-verification_section-header_title {
  padding-top: 5px;
  padding-bottom: 7px;
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.05em;
  padding-left: 21px;
}

.effect-verification_section-header_title[data-title="01"] {
  font-weight: 600;
}
@media (min-width: 769px) {
  .effect-verification_section-header_title[data-title="01"] {
    padding-left: 11px;
    font-size: 24px;
    font-weight: 700;
  }
}

.effect-verification_section-header--full .effect-verification_section-header_title {
  padding-top: 7px;
  padding-bottom: 9px;
  padding-left: initial;
}

.effect-verification_section-title-block {
  position: relative;
  padding-bottom: 9px;
  border-bottom: 1px solid #fcc800;
}

.effect-verification_section-title {
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.07em;
  color: #030303;
}
@media (min-width: 769px) {
  .effect-verification_section-title {
    font-size: 26px;
    color: #444;
  }
}

.effect-verification_hero {
  position: relative;
  padding-top: 33px;
  padding-bottom: 37px;
}
@media (min-width: 769px) {
  .effect-verification_hero {
    padding-top: 78px;
    padding-bottom: 53px;
  }
}

@media (min-width: 769px) {
  .effect-verification_hero_bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(41.6deg, #ffffff 59.9%, #ebebeb 123.66%);
    z-index: -1;
  }
}

@media (min-width: 769px) {
  .effect-verification_hero_inner {
    margin-inline: auto;
    padding-inline: 60px;
    max-width: 1340px;
  }
}

.effect-verification_hero_content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .effect-verification_hero_content {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.effect-verification_hero_text {
  margin-inline: auto;
  padding-left: 15px;
  width: 100%;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_hero_text {
    flex: 1;
    margin-left: 41px;
    padding-left: initial;
    max-width: 100%;
  }
}

.effect-verification_hero_label {
  margin-left: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  position: relative;
  display: inline-block;
  border-top: 1px solid #00b2bc;
  border-bottom: 1px solid #00b2bc;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
}

.effect-verification_hero_label span {
  display: inline-block;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #00b2bc;
  letter-spacing: 0.07em;
}
@media (min-width: 769px) {
  .effect-verification_hero_label span {
    font-size: 18px;
  }
}

.effect-verification_hero_title {
  margin-top: 7px;
  margin-left: 15px;
  font-size: 33px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.05em;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_hero_title {
    margin-top: 21px;
    font-size: 38px;
  }
}
@media (width >= 1200px) {
  .effect-verification_hero_title {
    font-size: 45px;
  }
}

.effect-verification_hero_subtitle-box {
  margin-top: 15px;
}
@media (min-width: 769px) {
  .effect-verification_hero_subtitle-box {
    margin-top: 31px;
  }
}

.effect-verification_hero_subtitle {
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.07em;
  color: #000;
}
@media (width >= 375px) {
  .effect-verification_hero_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 769px) {
  .effect-verification_hero_subtitle {
    font-size: 18px;
    line-height: 1.8;
  }
}

.effect-verification_hero_subtitle--indent {
  padding-left: 1em;
}

.effect-verification_hero_image {
  margin-top: 11px;
  display: block;
  width: 100%;
}
@media (min-width: 769px) {
  .effect-verification_hero_image {
    flex: 1;
    margin-top: -13px;
    max-width: 657px;
  }
}
@media (width >= 1440px) {
  .effect-verification_hero_image {
    flex: initial;
  }
}

.effect-verification_hero_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 657/380;
}
@media (min-width: 769px) {
  .effect-verification_hero_image img {
    aspect-ratio: 375/216.89;
  }
}

.effect-verification_hero_divider {
  display: none;
}
@media (min-width: 769px) {
  .effect-verification_hero_divider {
    margin-top: 27px;
    margin-left: 15px;
    display: inline-block;
    width: 59px;
    height: 3px;
    background-color: #f5f5f5;
  }
}

.effect-verification_hero_description-box {
  margin-top: 22px;
  margin-inline: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_hero_description-box {
    margin-top: 10px;
    margin-inline: initial;
    padding-left: 56px;
    max-width: 100%;
  }
}
@media (width >= 1200px) {
  .effect-verification_hero_description-box {
    margin-top: -1.090909vw;
  }
}
@media (width >= 1440px) {
  .effect-verification_hero_description-box {
    margin-top: -91px;
  }
}

.effect-verification_hero_description {
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.9;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_hero_description {
    line-height: 2.5;
    letter-spacing: 0.05em;
  }
}

.effect-verification_hero_description[data-text="02"] {
  margin-top: 24px;
}
@media (min-width: 769px) {
  .effect-verification_hero_description[data-text="02"] {
    margin-top: 41px;
  }
}

.effect-verification_body {
  background-color: #f9f9f9;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 769px) {
  .effect-verification_body {
    padding-top: 60px;
    padding-bottom: 164px;
  }
}

@media (min-width: 769px) {
  .effect-verification_index {
    position: sticky;
    top: 150px;
    width: 272px;
    margin-inline: initial;
    float: left;
    z-index: 10;
    background-color: #fff;
    border-radius: 0 60px 16px 0;
  }
}

.effect-verification_index_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_index_inner {
    padding-right: 16px;
    padding-left: initial;
  }
}

.effect-verification_index_container {
  padding: 52px 20px;
  background-color: #fff;
  border-radius: 0 60px 16px 0;
}
@media (min-width: 769px) {
  .effect-verification_index_container {
    padding: 69px 20px 62px;
    background-color: initial;
    border-radius: initial;
  }
}

.effect-verification_index_content {
  padding-left: 32px;
}

.effect-verification_index_title {
  font-size: 22px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.88px;
  color: #000;
  text-transform: uppercase;
}

.effect-verification_index_nav {
  margin-top: 20px;
}

.effect-verification_index_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.effect-verification_index_item {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.76;
  letter-spacing: 0.8px;
  color: #000;
}

.effect-verification_index_item a {
  font-family: "Noto Sans JP", sans-serif;
  display: inline-block;
  width: 168px;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s;
  position: relative;
}
.effect-verification_index_item a::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ececec;
  transition: background-color 0.3s;
}

.effect-verification_index_item--indent a {
  padding-left: 2em;
}
.effect-verification_index_item--indent a::after {
  display: none;
}

@media (any-hover: hover) {
  .effect-verification_index_item a:hover {
    color: #00b2bc;
  }
  .effect-verification_index_item a:hover::after {
    background-color: #00b2bc;
  }
}
.effect-verification_index_cta-box {
  margin-top: 40px;
  margin-inline: auto;
  width: min(100%, 176px);
}
@media (min-width: 769px) {
  .effect-verification_index_cta-box {
    margin-inline: initial;
    padding-left: 32px;
    width: 176px;
    box-sizing: content-box;
  }
}

.effect-verification_index_cta {
  padding: 11px 10px;
  display: grid;
  place-content: center;
  background-color: #00b2bc;
  color: #fff;
  border: 1px solid #00b2bc;
  border-radius: 4px;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.3s;
}
@media (any-hover: hover) {
  .effect-verification_index_cta:hover {
    color: #00b2bc;
    background-color: #fff;
  }
}

.effect-verification_main {
  background-color: #fff;
  position: relative;
}
@media (min-width: 769px) {
  .effect-verification_main {
    margin-left: 288px;
  }
}

@media (min-width: 769px) {
  .effect-verification_main[data-main="02"] {
    background-color: initial;
  }
}

@media (min-width: 769px) {
  .effect-verification_main_outer {
    margin-left: 36px;
  }
}

@media (min-width: 769px) {
  .effect-verification_main_inner {
    margin-inline: auto;
    padding-inline: 20px;
    max-width: 1116px;
  }
}

.effect-verification_model-wrapper {
  padding-top: 64px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .effect-verification_model-wrapper {
    padding-top: 48px;
  }
}

.effect-verification_model_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
  overflow-x: clip;
}
@media (min-width: 769px) {
  .effect-verification_model_inner {
    padding-inline: 0;
    max-width: 100%;
  }
}

.effect-verification_model_head {
  margin-top: 32px;
}
@media (min-width: 769px) {
  .effect-verification_model_head {
    margin-top: 34px;
  }
}
@media (width >= 1170px) {
  .effect-verification_model_head {
    display: flex;
    align-items: center;
    gap: 62px;
  }
}

.effect-verification_model_heading {
  font-size: 17px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_model_heading {
    font-size: 22px;
    white-space: nowrap;
  }
}

.effect-verification_model_description {
  margin-top: 12px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (width >= 1170px) {
  .effect-verification_model_description {
    margin-top: 0;
    font-size: 16px;
  }
}

.effect-verification_model_body {
  margin-top: 37px;
}
@media (min-width: 769px) {
  .effect-verification_model_body {
    margin-top: 61px;
    display: flex;
  }
}

.effect-verification_model_levels {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 769px) {
  .effect-verification_model_levels {
    gap: initial;
    width: min(100%, 544px);
  }
}

.effect-verification_model_diagram {
  margin-top: 35px;
  margin-inline: auto;
  text-align: center;
  display: block;
  width: 378px;
  translate: 20px 0;
}
@media (min-width: 769px) {
  .effect-verification_model_diagram {
    margin-top: -23px;
    margin-right: initial;
    margin-left: 22px;
    width: min(100%, 493px);
  }
}

.effect-verification_model_diagram img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 378/404;
}
@media (min-width: 769px) {
  .effect-verification_model_diagram img {
    aspect-ratio: 493/528;
  }
}

.effect-verification_level {
  text-align: center;
}
@media (min-width: 769px) {
  .effect-verification_level {
    text-align: left;
  }
}

@media (min-width: 769px) {
  .effect-verification_level[data-item="2"] {
    margin-top: 21px;
  }
}

@media (min-width: 769px) {
  .effect-verification_level[data-item="3"] {
    margin-top: 31px;
  }
}

@media (min-width: 769px) {
  .effect-verification_level[data-item="4"] {
    margin-top: 31px;
  }
}

@media (min-width: 769px) {
  .effect-verification_level--has-connector {
    position: relative;
  }
}

.effect-verification_level_badge {
  padding-top: 3.71px;
  padding-bottom: 3.71px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 100vmax;
}
@media (min-width: 769px) {
  .effect-verification_level_badge {
    padding-top: 2.905px;
    padding-bottom: 2.905px;
    width: 305px;
    margin-left: 6px;
  }
}
.effect-verification_level_badge--teal {
  background-color: #00b2bc;
}
.effect-verification_level_badge--grey {
  background-color: #bababa;
}

.effect-verification_level_badge span {
  display: inline-block;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #fff;
}
@media (min-width: 769px) {
  .effect-verification_level_badge span {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.34px;
  }
}

.effect-verification_level_question {
  margin-top: 12px;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_level_question {
    padding-left: 10px;
  }
}

.effect-verification_level_detail {
  margin-top: 1px;
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.03em;
  color: #000;
}
@media (width >= 375px) {
  .effect-verification_level_detail {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  .effect-verification_level_detail {
    font-size: 15px;
    letter-spacing: 0;
  }
}

.effect-verification_level[data-item="1"] .effect-verification_level_detail {
  margin-top: 7px;
}
@media (min-width: 769px) {
  .effect-verification_level[data-item="1"] .effect-verification_level_detail {
    margin-top: 1px;
  }
}

.effect-verification_level_connector {
  display: none;
}
@media (width >= 1400px) {
  .effect-verification_level_connector {
    display: block;
    width: 281px;
    height: 1px;
    background-color: #00b2bc;
    position: absolute;
    top: 16.5px;
    right: -24px;
  }
  .effect-verification_level_connector::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #00b2bc;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
  }
}

.effect-verification_merit-wrapper {
  padding-top: 45px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .effect-verification_merit-wrapper {
    padding-top: 70px;
  }
}

.effect-verification_merit_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_merit_inner {
    margin-inline: initial;
    padding-inline: initial;
    max-width: 957px;
    box-sizing: content-box;
  }
}

.effect-verification_merit_description {
  margin-top: 20px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_merit_description {
    font-size: 16px;
    line-height: 1.7;
  }
}

.effect-verification_merit_cards {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (min-width: 769px) {
  .effect-verification_merit_cards {
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
  }
}

.merit-card {
  padding: 10px 12px 32.5px;
  width: 100%;
  min-height: 300px;
  background-color: #fbfbfb;
  border-radius: 8px;
  position: relative;
}
@media (width >= 375px) {
  .merit-card {
    max-width: 90%;
  }
}
@media (min-width: 769px) {
  .merit-card {
    padding: 10px 12px 40px;
    width: 308px;
    min-height: initial;
    flex: 1;
  }
}

.merit-card_number {
  font-family: "din-2014", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: #fcc800;
  position: absolute;
  top: 13.75px;
  left: 12px;
}

.merit-card_icon {
  margin-inline: auto;
  display: block;
  width: 100%;
}

.merit-card_icon img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.merit-card[data-card="01"] .merit-card_icon {
  margin-top: 23.75px;
  max-width: 128px;
}
@media (min-width: 769px) {
  .merit-card[data-card="01"] .merit-card_icon {
    margin-top: 61px;
  }
}
.merit-card[data-card="01"] .merit-card_icon img {
  object-fit: cover;
  aspect-ratio: 128/112;
}

.merit-card[data-card="02"] .merit-card_icon {
  margin-top: 17.5px;
  max-width: 90px;
}
@media (min-width: 769px) {
  .merit-card[data-card="02"] .merit-card_icon {
    margin-top: 55px;
  }
}
.merit-card[data-card="02"] .merit-card_icon img {
  object-fit: cover;
  aspect-ratio: 90/125;
}

.merit-card[data-card="03"] .merit-card_icon {
  margin-top: 33.5px;
  max-width: 156px;
}
@media (min-width: 769px) {
  .merit-card[data-card="03"] .merit-card_icon {
    margin-top: 61px;
  }
}
.merit-card[data-card="03"] .merit-card_icon img {
  object-fit: cover;
  aspect-ratio: 156/110;
}

.merit-card_title {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.06em;
  color: #00b2bc;
  text-align: center;
}
@media (min-width: 769px) {
  .merit-card_title {
    font-size: max(15px, 1.3888888889vw);
  }
}
@media (width >= 1440px) {
  .merit-card_title {
    font-size: 20px;
  }
}

.merit-card[data-card="01"] .merit-card_title {
  margin-top: 31px;
}

.merit-card[data-card="02"] .merit-card_title {
  margin-top: 24px;
}

.merit-card[data-card="03"] .merit-card_title {
  margin-top: 23px;
}
@media (min-width: 769px) {
  .merit-card[data-card="03"] .merit-card_title {
    margin-top: 33px;
  }
}

.merit-card_text {
  margin-top: 16px;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #000;
  text-align: center;
}
@media (min-width: 769px) {
  .merit-card_text {
    font-size: max(11px, 1.1111111111vw);
  }
}
@media (width >= 1440px) {
  .merit-card_text {
    font-size: 16px;
  }
}

.effect-verification_service-wrapper {
  padding-top: 41px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .effect-verification_service-wrapper {
    padding-top: 68px;
  }
}

.effect-verification_service_inner {
  margin-inline: auto;
  padding-inline: 21px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_service_inner {
    margin-inline: initial;
    padding-inline: initial;
    max-width: 957px;
    box-sizing: content-box;
  }
}

.effect-verification_service_description {
  margin-top: 20px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_service_description {
    max-width: 943px;
    font-size: 16px;
    line-height: 1.7;
  }
}

.effect-verification_service_cards {
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (min-width: 769px) {
  .effect-verification_service_cards {
    flex-direction: row;
    gap: 9px;
  }
}

.service-level-card {
  border: 1px solid #d1d1d1;
  background-color: #fff;
  overflow: hidden;
}
@media (min-width: 769px) {
  .service-level-card {
    width: 232px;
    min-height: 188px;
  }
}
.service-level-card--active {
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.25);
}

.service-level-card_header {
  padding-top: 5.5px;
  padding-bottom: 5.5px;
  text-align: center;
}
@media (min-width: 769px) {
  .service-level-card_header {
    padding-top: 5.6px;
    padding-bottom: 5.6px;
  }
}
.service-level-card_header--teal {
  background-color: #00b2bc;
}
.service-level-card_header--grey {
  background-color: #f3f3f3;
}

.service-level-card_header span {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media (min-width: 769px) {
  .service-level-card_header span {
    font-size: 20px;
    font-weight: 700;
  }
}

.service-level-card_header--grey span {
  color: #444;
}

.service-level-card_header--teal span {
  font-weight: 700;
}

.service-level-card_body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 148px;
}

.service-level-card_text {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 769px) {
  .service-level-card_text {
    font-size: max(12px, 1.25vw);
    font-weight: 700;
  }
}
@media (width >= 1440px) {
  .service-level-card_text {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}

.service-level-card_text .inlineblock {
  display: inline-block;
}

.service-level-card--active .service-level-card_text {
  color: #00b2bc;
}

.service-level-card:not(.service-level-card--active) .service-level-card_text {
  color: #444;
}

.service-level-card[data-card="01"] .service-level-card_text {
  margin-top: 18px;
}

.service-level-card[data-card="02"] .service-level-card_text {
  margin-top: 16px;
}

.service-level-card[data-card="03"] .service-level-card_text {
  margin-top: 7px;
}

.service-level-card[data-card="04"] .service-level-card_text {
  margin-top: 40px;
}

.service-level-card_button {
  margin-top: auto;
  width: 100%;
  max-width: 162px;
}

.service-level-card_link {
  padding-block: 2px;
  padding-inline: 10px;
  display: block;
  border: 2px solid #00b2bc;
  border-radius: 100vmax;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.3s;
  position: relative;
}

@media (any-hover: hover) {
  .service-level-card_link:hover {
    opacity: 0.7;
  }
}
.service-level-card_link-text {
  display: inline-block;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #00b2bc;
}
@media (min-width: 769px) {
  .service-level-card_link-text {
    font-size: max(13px, 0.9722222222vw);
  }
}
@media (width >= 1140px) {
  .service-level-card_link-text {
    font-size: 14px;
  }
}

.service-level-card_arrow {
  display: inline-block;
  width: 11px;
  height: 7px;
  background: url("../images/effect-verification/polygon.svg") center/contain no-repeat;
  position: absolute;
  top: 53%;
  translate: 0 -50%;
  right: 14px;
}
@media (min-width: 769px) {
  .service-level-card_arrow {
    display: none;
  }
}
@media (width >= 1140px) {
  .service-level-card_arrow {
    display: inline-block;
  }
}

.effect-verification_service_note {
  margin-top: 8px;
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #646464;
}
@media (width >= 1270px) {
  .effect-verification_service_note {
    margin-top: -18px;
    max-width: 943px;
    text-align: right;
  }
}

.effect-verification_lv3-wrapper {
  padding-top: 40px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .effect-verification_lv3-wrapper {
    padding-top: 70px;
  }
}

@media (min-width: 769px) {
  .effect-verification_lv3_outer {
    max-width: 955px;
  }
}

.effect-verification_lv3_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_lv3_inner {
    padding-inline: 63px;
    max-width: 830px;
    box-sizing: content-box;
  }
}

.effect-verification_lv3_description {
  margin-top: 20px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_lv3_description {
    margin-top: 36px;
    font-size: 16px;
    line-height: 1.7;
  }
}

.effect-verification_flow {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
@media (min-width: 769px) {
  .effect-verification_flow {
    margin-top: 31px;
    flex-direction: row;
    justify-content: center;
    gap: 3.125vw;
  }
}
@media (width >= 1440px) {
  .effect-verification_flow {
    gap: 45px;
  }
}

.effect-verification_flow_step {
  padding: 17.21px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 769px) {
  .effect-verification_flow_step {
    width: 62px;
    min-height: 217px;
    padding: 20px 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}
.effect-verification_flow_step::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 10px;
  background: #d1d1d1;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -22%;
  translate: -50% 0;
  left: 50%;
}
@media (min-width: 769px) {
  .effect-verification_flow_step::after {
    right: -18px;
    left: initial;
    bottom: 50%;
    translate: 0 50%;
    rotate: -90deg;
  }
}
.effect-verification_flow_step:last-child::after {
  display: none;
}
.effect-verification_flow_step--default {
  background-color: #fff;
  border: 3px solid #d1d1d1;
}
.effect-verification_flow_step--default::after {
  background-color: #d1d1d1;
}
.effect-verification_flow_step--survey {
  background-color: #fff;
  border: 3px solid #00b2bc;
}
.effect-verification_flow_step--survey::after {
  background-color: #00b2bc;
}
.effect-verification_flow_step--period {
  background-color: #fcc800;
  border: 3px solid #fcc800;
}
.effect-verification_flow_step--period::after {
  background-color: #fcc800;
}

.effect-verification_flow_step_label {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.07em;
  color: #000;
  text-align: center;
}
@media (min-width: 769px) {
  .effect-verification_flow_step_label {
    font-size: 20px;
    letter-spacing: initial;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-feature-settings: "vert" 1;
  }
}

.effect-verification_flow_step--survey .effect-verification_flow_step_label {
  color: #00b2bc;
}

.effect-verification_lv3_report {
  margin-top: 30px;
}

.effect-verification_lv3_report_title {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1;
  color: #000;
  text-align: center;
}
@media (min-width: 769px) {
  .effect-verification_lv3_report_title {
    text-align: left;
  }
}

.effect-verification_lv3_report_title[data-align=left] {
  text-align: left;
}

.effect-verification_lv3_report_title[data-mt="35"] {
  margin-top: 35px;
}
@media (min-width: 769px) {
  .effect-verification_lv3_report_title[data-mt="35"] {
    margin-top: 57px;
  }
}

.effect-verification_lv3_report_placeholder {
  margin-top: 12px;
  background-color: #fbfbfb;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.effect-verification_lv3_report_placeholder img {
  max-width: 100%;
}
@media (min-width: 769px) {
  .effect-verification_lv3_report_placeholder img {
    max-width: 49%;
  }
}

.effect-verification_lv3_report_placeholder p {
  font-size: 18px;
  font-weight: 600;
  color: #d1d1d1;
  letter-spacing: 1.26px;
  text-align: center;
}

.effect-verification_lv3_target {
  margin-top: 21px;
}
@media (min-width: 769px) {
  .effect-verification_lv3_target {
    margin-top: 45px;
  }
}

.effect-verification_lv3_target_title {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.38;
  color: #000;
}

.effect-verification_lv3_target_title-sub {
  display: inline-block;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.38;
  color: #000;
}
@media (width >= 375px) {
  .effect-verification_lv3_target_title-sub {
    font-size: 16px;
  }
}

.effect-verification_lv3_target_description {
  margin-top: 5px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_lv3_target_description {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.7;
  }
}

.effect-verification_lv3_target_list {
  margin-top: 20px;
}
@media (min-width: 769px) {
  .effect-verification_lv3_target_list {
    margin-top: 29px;
  }
}
.effect-verification_lv3_target_list .workshop_card-01 article {
  width: calc(50% - 14px);
}

.effect-verification_lv1-wrapper {
  margin-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 769px) {
  .effect-verification_lv1-wrapper {
    margin-top: initial;
    padding-top: 74px;
    padding-bottom: 107px;
    background-color: #fff;
  }
}

@media (min-width: 769px) {
  .effect-verification_lv1_outer {
    max-width: 955px;
  }
}

.effect-verification_lv1_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_lv1_inner {
    margin-inline: initial;
    padding-inline: 63px;
    max-width: 830px;
    box-sizing: content-box;
  }
}

.effect-verification_lv1_description {
  margin-top: 16px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_lv1_description {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: initial;
  }
}

.effect-verification_lv1_survey-title {
  margin-top: 24px;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_lv1_survey-title {
    margin-top: 30px;
  }
}

.effect-verification_lv1_survey-cards {
  margin-top: 12px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (width >= 1100px) {
  .effect-verification_lv1_survey-cards {
    margin-top: 17px;
    flex-direction: row;
    gap: 10px;
  }
}

.survey-card {
  padding: 28px 23px 25px;
  border: 2px solid #d1d1d1;
  border-radius: 12px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .survey-card {
    padding: 26px 22px;
    width: 100%;
  }
}
@media (width >= 1100px) {
  .survey-card {
    width: 270px;
    min-height: 450px;
  }
}

@media (min-width: 769px) {
  .survey-card[data-card="01"] {
    padding: 26px 16px 26px 25px;
  }
}

@media (min-width: 769px) {
  .survey-card[data-card="02"] {
    padding: 26px 5px;
  }
}

@media (min-width: 769px) {
  .survey-card[data-card="03"] {
    padding: 26px 13px 26px 16px;
  }
}

.survey-card_title {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #00b2bc;
}
@media (width >= 1100px) {
  .survey-card_title {
    text-align: center;
  }
}

.survey-card_list {
  margin-top: 16px;
  counter-reset: survey-item;
  list-style: none;
}
@media (min-width: 769px) {
  .survey-card_list {
    margin-top: 22px;
    font-size: 15px;
    letter-spacing: 0.75px;
  }
}

@media (min-width: 769px) {
  .survey-card[data-card="02"] .survey-card_list {
    padding-inline: 14px;
  }
}

.survey-card_list li {
  counter-increment: survey-item;
  margin-top: 9px;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: 0.05em;
  color: #444;
  padding-left: 1em;
  text-indent: -1em;
}
@media (min-width: 769px) {
  .survey-card_list li {
    font-size: 15px;
  }
}
.survey-card_list li::before {
  content: counter(survey-item) ".";
}

.survey-card_list li:first-child {
  margin-top: 0;
}

.effect-verification_lv1_onehub {
  margin-top: 28px;
}
@media (min-width: 769px) {
  .effect-verification_lv1_onehub {
    margin-top: 45px;
  }
}

.effect-verification_lv1_onehub_title {
  font-size: 17px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.38;
  color: #000;
}
@media (width >= 375px) {
  .effect-verification_lv1_onehub_title {
    font-size: 18px;
  }
}

.effect-verification_lv1_onehub_description {
  margin-top: 12px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_lv1_onehub_description {
    font-size: 16px;
    line-height: 1.7;
  }
}

.effect-verification_lv1_onehub_images {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (width >= 1100px) {
  .effect-verification_lv1_onehub_images {
    margin-top: 41px;
    flex-direction: row;
    gap: 40px;
  }
}

@media (width >= 1100px) {
  .onehub-image {
    flex: 1;
    max-width: 250px;
  }
}

.onehub-image_label {
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #000;
}
@media (min-width: 769px) {
  .onehub-image_label {
    font-weight: 700;
  }
}

.onehub-image_frame {
  margin-top: 5px;
  margin-inline: auto;
  display: block;
  width: 100%;
}
@media (min-width: 769px) {
  .onehub-image_frame {
    margin-top: 10px;
  }
}

.onehub-image_frame img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 333/188;
}

.effect-verification_column-wrapper {
  margin-top: 48px;
}
@media (min-width: 769px) {
  .effect-verification_column-wrapper {
    margin-top: initial;
    padding-top: 87px;
  }
}

.effect-verification_column_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_column_inner {
    margin-inline: initial;
    padding-inline: initial;
    max-width: 956px;
    box-sizing: content-box;
  }
}

.effect-verification_column_container {
  padding: 31px 19px 62px;
  border-radius: 24px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .effect-verification_column_container {
    padding: 53px 56px 43px;
    border-radius: 48px;
  }
}

@media (min-width: 769px) {
  .effect-verification_column_head {
    display: flex;
    align-items: center;
    gap: 12px;
  }
}

.effect-verification_column_badge {
  padding: 0.5px 9px;
  display: inline-block;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  background-color: #00b2bc;
  border-radius: 4px;
}

.effect-verification_column_title {
  margin-top: 10px;
  font-size: 22px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_column_title {
    margin-top: initial;
  }
}

.effect-verification_column_title-sub {
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.33;
  color: #000;
}
@media (width >= 375px) {
  .effect-verification_column_title-sub {
    font-size: 16px;
  }
}

.effect-verification_column_divider {
  margin-top: 29px;
  display: block;
  width: 100%;
}
@media (min-width: 769px) {
  .effect-verification_column_divider {
    margin-top: 14px;
  }
}

.effect-verification_column_divider img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 296/1;
}

.effect-verification_column_description {
  margin-top: -9px;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_column_description {
    margin-top: -7px;
    font-size: 16px;
  }
}

.effect-verification_column_body {
  margin-top: 12px;
}
@media (width >= 1100px) {
  .effect-verification_column_body {
    margin-top: 22px;
    display: flex;
    gap: 30px;
  }
}

.effect-verification_column_findings {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}
@media (width >= 1100px) {
  .effect-verification_column_findings {
    margin-top: 18px;
    flex-direction: column;
    gap: 24px;
  }
}

.effect-verification_column_findings-list {
  padding-left: 20px;
  counter-reset: findings;
  list-style: none;
}

.effect-verification_column_findings-list li {
  position: relative;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.07em;
  color: #000;
}
@media (min-width: 769px) {
  .effect-verification_column_findings-list li {
    font-size: 14px;
  }
}
@media (width >= 1020px) {
  .effect-verification_column_findings-list li {
    font-size: 15px;
  }
}

.effect-verification_column_findings-list li::before {
  content: counter(findings) ".";
  counter-increment: findings;
  position: absolute;
  left: -20px;
  font-weight: 700;
  color: #00b2bc;
}

.effect-verification_column_findings-list li + li {
  margin-top: 18px;
}

.effect-verification_column_notes {
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.07em;
  color: #646464;
}
@media (min-width: 769px) {
  .effect-verification_column_notes {
    font-size: 14px;
  }
}

.effect-verification_column_notes + .effect-verification_column_notes {
  margin-top: 4px;
}

.effect-verification_column_image {
  margin-top: 38px;
  display: block;
  width: 100%;
}
@media (width >= 1100px) {
  .effect-verification_column_image {
    margin-top: initial;
    max-width: 377px;
  }
}

.effect-verification_column_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 297/167;
}

.effect-verification_column_cta {
  margin-top: 40px;
  margin-inline: auto;
  width: min(100%, 260px);
}
@media (width >= 1100px) {
  .effect-verification_column_cta {
    margin-top: -37px;
    margin-left: auto;
    margin-right: initial;
    width: min(100%, 240px);
  }
}

.effect-verification_introduction-wrapper {
  margin-top: 40px;
}
@media (min-width: 769px) {
  .effect-verification_introduction-wrapper {
    margin-top: 56px;
  }
}

.effect-verification_introduction_inner {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 648px;
}
@media (min-width: 769px) {
  .effect-verification_introduction_inner {
    margin-inline: initial;
    padding-inline: initial;
    max-width: 960px;
    box-sizing: content-box;
  }
}

.effect-verification_introduction_container {
  padding: 42px 12px 35px;
  background-color: #fff;
  position: relative;
}
@media (min-width: 769px) {
  .effect-verification_introduction_container {
    padding: 30px 58px 23px 66px;
    min-height: 300px;
  }
}

.effect-verification_introduction_accent {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: #fcc800;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.effect-verification_introduction_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (width >= 1200px) {
  .effect-verification_introduction_content {
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
  }
}

.effect-verification_introduction_text {
  padding-inline: 7px;
}
@media (width >= 1200px) {
  .effect-verification_introduction_text {
    flex: 1;
    margin-top: 33px;
    padding-inline: initial;
    max-width: 426px;
  }
}

.effect-verification_introduction_title {
  font-size: 22px;
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
}

.effect-verification_introduction_description {
  margin-top: 14px;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}

.effect-verification_introduction_image {
  margin-top: 4px;
  margin-inline: auto;
  display: block;
  width: 100%;
  border: 7px solid #f5f5f5;
}
@media (width >= 1200px) {
  .effect-verification_introduction_image {
    margin-top: initial;
    margin-inline: initial;
    max-width: 376px;
  }
}

.effect-verification_introduction_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 297/189.57;
}

.effect-verification_introduction_cta {
  margin-top: 17px;
  margin-inline: auto;
  width: min(100%, 260px);
}
@media (width >= 1200px) {
  .effect-verification_introduction_cta {
    margin-top: -65px;
    margin-inline: initial;
    width: min(100%, 240px);
  }
}

._over-TB {
  display: none;
}
@media (min-width: 768px) {
  ._over-TB {
    display: inline;
  }
}

@media (min-width: 769px) {
  ._under-769 {
    display: none;
  }
}/*# sourceMappingURL=effect-verification.css.map */