:root {
  --container-padding: 20px;
  --page-width: calc(1280px + (var(--container-padding) * 2));
  --cnt-width: calc(1040px + (var(--container-padding) * 2));
  --inner: calc(1000px + (var(--container-padding) * 2));
  --bg: #ffffff;
  --bg-yellow: #fff7d2;
  --bg-blue: #cef2ff;
  --bg-red: #ffebed;
  --bg-gray: #f3f3f3;
  --bg-pink: #fed9ec;
  --bg-yellow: #fff9e8;
  --bg-green: #d3f0b6;
  --bg-beige: #f4eede;
  --bg-dark-beige: #f2f1ed;
  --text-red: #d00f31;
  --text-pink: #f66876;
  --text-black: #3c3c3c;
  --text-blue: #1b67bd;
  --white: #ffffff;
  --marker-yellow: #feffae;
  --marker-yellow-dark: #ffeec2;
  --font-normal: 500;
  --font-bold: 700;
  --dark-red: #cc0033;
  --accent: #7f0019;

  --sp-w: 750;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  font-size: clamp(14px, calc(10.667px + 0.3704vw), 16px);
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--text-black);
  background: var(--bg);
  font-weight: var(--font-normal);
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
}

a {
  transition: opacity 0.3s ease;
}

a:hover {
  opacity: 0.8;
}

.page-root {
  overflow: hidden;
}

/*-------------------------
    layout
-------------------------*/
/* ページ幅を固定（1280px基準） */
.container {
  width: var(--page-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--container-padding);
  container-type: inline-size;
}

/* 1040pxで固定 */
.inner {
  width: var(--cnt-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--container-padding);
  container-type: inline-size;
}

/* 1000pxで固定 */
.w-1000 {
  width: var(--inner);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--container-padding);
  container-type: inline-size;
}

/*-------------------------
    parts
-------------------------*/
/* common */
.font-bold {
  font-weight: var(--font-bold);
}

.color-red {
  color: var(--text-red);
}

.color-dark-red {
  color: var(--dark-red);
}

.color-accent {
  color: var(--accent);
}

.color-pink {
  color: var(--text-pink);
}

.marker {
  background: linear-gradient(transparent 50%, var(--marker-yellow) 50%);
}

.marker-dark {
  background: linear-gradient(transparent 50%, var(--marker-yellow-dark) 50%);
}

.text-center {
  text-align: center;
}

.text-link {
  color: var(--text-black);
}

sup {
  font-size: 12px;
  vertical-align: super;
}
a {
  transition: opacity 0.35s ease;
  opacity: 1;
  cursor: pointer;
}

a:hover {
  opacity: 0.8;
}

/*-------------------------
    component
-------------------------*/
.c-text__link {
  margin-top: 24px;
  line-height: 150%;
  display: block;
  color: var(--text-black);
  font-size: 1rem;
}

.c-buttons {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.c-buttons .c-button {
  max-width: 443px;
}

.c-button__secondary {
  width: 415px;
  padding: 24px;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  font-size: 1rem;
  color: var(--white);
  border-radius: 3.5px;
  background: #3a3a3a url(../images/secondary_arrow.svg) no-repeat 95% 50%;
}

/*-------------------------
    list
-------------------------*/
/* list__kome */
.list__kome {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list__komeItem {
  display: table;
}

.list__komeItem:not(:first-child) {
  margin-top: 4px;
}

.list__komeItem > span {
  line-height: 150%;
  display: table-cell;
  font-size: 0.75rem;
}

.list__komeItem > .kome {
  width: 20px;
}

.list__komeItem .c-text__link {
  display: inline;
  font-size: 0.75rem;
}

/* list__icon */
.list__icon {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list__iconItem {
  margin-top: 42px;
  display: table;
}

.list__iconItem:first-child {
  margin-top: 0;
}

.list__iconItem > p,
.list__iconItem > img {
  vertical-align: middle;
  line-height: 150%;
  display: table-cell;
  font-size: 25px;
}

.list__iconItem > img {
  width: auto;
  margin-right: 10px;
  height: 39px;
}

.list__iconItem > p > span {
  font-weight: 600;
}

/* list__circle */
.c-list__circle .c-list__circleItem {
  display: table;
}
.c-list__circle .c-list__circleItem > span {
  line-height: calc(30 / 15);
  font-size: 15px;
  display: table-cell;
}
.c-list__circle .c-list__circleItem > .mk {
  width: 20px;
}

/*-------------------------
    article
-------------------------*/
/* c-anchor__link */
.a-anchor {
  padding-block: 60px 50px;
}

.c-anchor__link {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.c-anchor__linkItem {
  border-left: 1px solid var(--text-black);
}

.c-anchor__linkItem:last-child {
  border-right: 1px solid var(--text-black);
}

.c-anchor__linkItem a {
  text-align: center;
  text-decoration: none;
  line-height: 140%;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 18px;
  font-size: 16px;
  color: var(--text-black);
}

/* c-article__link */
.a-links__contents {
  position: relative;
  padding-block: 80px 0;
}
.c-article__link {
  margin: 0 auto;
  max-width: var(--inner);
  padding: 0 var(--container-padding);
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(28 / 860 * 100%);
}

.c-article__linkItem {
/*  border-radius: 10px;*/
/*  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/
}

.c-article__linkItem a {
  line-height: 0.8;
  display: block;
  border-radius: 10px;
}

.c-article__linkItem a img {
  border-radius: 10px;
}

@media screen and (min-width: 901) {
  .c-article__linkItem a img.is-Pc {
    display: block;
  }
}

/* a-links__fixed */
.a-links__fixed {
  position: fixed;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 1000;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.a-links__fixed.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*-------------------------
    .toppa
-------------------------*/
.toppa {
  padding-block: 82px 95px;
  background: var(--bg-beige);
}

.toppa h2 {
  text-align: center;
}

.toppa .inner {
  padding-inline: 97px;
  padding-block: 65px;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
  border-top: 23px solid var(--accent);
  background: var(--bg);
}

.toppa .c-text {
  text-align: center;
  margin-top: 30px;
  line-height: 150%;
  font-size: 1rem;
}

.toppa .c-text .text-l {
  font-size: 1.25rem;
}

.toppa .c-full-image {
  margin: 34px auto 0;
  max-width: 760px;
}

.toppa .list__kome {
  margin-top: 30px;
}

.toppa .list__komeItem > .kome {
  width: 25px;
}

/*-------------------------
    faq
-------------------------*/
.faq {
  padding: 60px 0;
  background: var(--bg-dark-beige);
}

.faq .faq-title {
  font-size: 32px;
  margin-bottom: 40px;
}

.faq .faq-list {
  max-width: 860px;
  margin: 0 auto 28px;
  display: grid;
  gap: 18px;
}

.faq .faq-item {
  text-decoration: none;
  display: grid;
  grid-template-columns: 56px 1fr 40px;
  align-items: center;
  padding: 12px 20px;
  color: var(--text-black);
  border: 1px solid var(--text-black);
  border-radius: 8px;
  background: #fff;
}

.faq .faq-item:hover {
  opacity: 0.8;
}

.faq .faq-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--text-red);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
}

.faq .faq-copy {
  padding-left: 12px;
  font-size: 15px;
  color: var(--text-black);
}

.faq .faq-link {
  text-align: center;
  color: #777;
  font-size: 18px;
}

.faq .faq-cta {
  margin-top: 55px;
}

.faq .faq-cta a {
  width: 378px;
  margin: 0 auto;
  display: block;
}

/*-------------------------
    site-header
-------------------------*/
.site-header {
  padding: 23px 0;
}

.site-header img {
  width: 130px;
}

/*-------------------------
    site-footer
-------------------------*/
.site-footer {
  padding: 40px 0;
}

.site-footer .copy {
  font-size: 14px;
}

/*-------------------------
    hero
-------------------------*/
.hero {
  line-height: 0.8;
}

.hero img {
  width: 100%;
  max-width: calc(1163 / 1280 * 100%);
  height: auto;
  border-radius: 0 40px 40px 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

/*-------------------------
    inro
-------------------------*/
.intro {
  padding-top: 46px;
}

.intro .c-catch {
  line-height: calc(48 / 30);
  font-weight: 600;
  font-size: 30px;
  color: var(--accent);
}

.intro .c-text {
  margin-top: 27px;
  line-height: calc(36 / 20);
  font-size: 20px;
}

.intro .c-text > span {
  line-height: calc(36 / 24);
  font-weight: 600;
  font-size: 24px;
}

/*-------------------------
    section
-------------------------*/
.c-section__top {
  background: linear-gradient(
    90deg,
    #e0ceaa 0%,
    #e0ceaa 50%,
    #f4eede 50%,
    #f4eede 100%
  );
}
.c-section__top._type2 {
  background: linear-gradient(
    90deg,
    #f4eede 0%,
    #f4eede 50%,
    #e0ceaa 50%,
    #e0ceaa 100%
  );
}

.c-section__top .c-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-section__top .c-flex__item {
  width: 50%;
}

.c-section__top .c-flex__itemImages {
  line-height: 0.8;
}

.c-section__top .c-flex__itemImages .c-flex__image {
  width: 100%;
  aspect-ratio: 500 / 418;
}

.c-section__top .c-flex__itemTexts {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}

.c-section__top .c-flex__itemImages + .c-flex__itemTexts {
  padding-left: 52px;
}

.c-section__top .c-flex > .c-flex__itemTexts {
  padding-right: 52px;
}

.c-section__top .c-flex__itemTexts .c-number {
  width: 100%;
  padding-block: 0 10px;
  border-bottom: 1px solid var(--text-black);
}

.c-section__top .c-flex__itemTexts .c-catch {
  margin-top: 25px;
}

.c-section {
  padding-block: 80px;
}

.c-section .c-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(52 / 1040 * 100%);
}

.c-section .c-flex .c-flex__texts {
  width: calc(442 / 1040 * 100%);
}

.c-section .c-flex .c-flex__texts .c-text {
  line-height: calc(34 / 18);
  font-size: 18px;
}

.c-section .c-flex .c-flex__texts .c-text + .c-text {
  margin-top: 30px;
}

.c-section .c-flex .c-flex__texts .c-text > span {
  font-weight: 600;
}

.c-section .c-flex .c-flex__images {
  min-width: 0;
  width: 488px;
  height: auto;
}

.c-box .inner {
  width: 1000px;
  padding-inline: 55px;
  background: #f2f1ed;
}

.c-box .c-head {
  text-align: center;
  position: relative;
  padding-block: 38px 25px;
}

.c-box .c-head > img {
  position: absolute;
  left: 0;
  top: -20px;
}

.c-box .c-head .c-h3 {
  line-height: calc(48 / 32);
  font-size: 32px;
}

.c-box .list__icon {
  padding: 45px 60px;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: var(--bg);
}

.c-box .c-bottom {
  position: relative;
  padding-block: 38px;
  line-height: calc(48 / 26);
  font-weight: 600;
  font-size: 24px;
}

.c-box .c-bottom .c-text {
  padding-left: 10px;
}

.c-box .c-bottom img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.c-box .c-grid {
  margin-bottom: 46px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20 / 1040 * 100%);
}

.c-box .c-grid__item {
  padding: 30px;
  line-height: 0.8;
  background: var(--bg);
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.c-box .c-grid__item .c-text {
  text-align: center;
  margin-top: 27px;
  line-height: calc(30 / 22);
  font-weight: 600;
  font-size: 22px;
}
.c-box .c-grid__item img {
  border-radius: 4px;
}

/*-------------------------
    section1
-------------------------*/
.sec1,
.sec2,
.sec3,
.sec4 {
  padding-bottom: 100px;
}

.sec3 .c-box .c-flex__box {
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: var(--bg);
}

.sec3 .c-box .c-flex__box .c-flex__left {
  width: 140px;
  height: auto;
}

.sec3 .c-box .c-flex__box .c-flex__right {
  width: 130px;
  height: auto;
}

.sec4 .c-box .c-flex__box {
  margin-bottom: 40px;
  padding: 90px 30px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: var(--bg);
}

.sec4 .c-box .c-flex__box .c-flex__left {
  height: auto;
}

.sec4 .c-box .c-flex__box .c-flex__right {
  height: auto;
}

.sec4 .c-box .c-head .c-h3 {
/*  line-height: 0.8;*/
}

/*-------------------------
    Only PC
-------------------------*/
@media (min-width: 901px) {
  .header-inner {
    padding: 0 30px;
  }

  .is-Pc {
    display: inline;
  }

  .is-Sp {
    display: none;
  }
}

/*-------------------------
    Only SP
    max-width: 900px.
-------------------------*/
@media (max-width: 900px) {
  /* Container */
  .container {
    width: 100%;
    padding: 0 18px;
  }

  /* inner */
  .inner {
    width: 100%;
    padding: 0 10px;
  }

  /* inner */
  .inner.w-1000 {
    width: 100%;
    padding: 0;
  }

  sup {
    font-size: 10px;
  }

  .site-header {
    padding: 12px 0;
  }

  .site-header img {
    width: 102px;
  }

  .c-buttons {
    margin-top: 24px;
    flex-direction: column;
    gap: 20px;
  }

  .c-button__secondary {
    padding: 20px;
    width: 100%;
    font-size: 3.2vw;
  }

  .list__komeItem:not(:first-child) {
    margin-top: 4px;
  }

  .list__komeItem > span {
    font-size: 2.4vw;
  }

  /*-------------------------
        site-footer
    -------------------------*/
  .site-footer {
    padding: 25px 0;
    font-size: 10px;
  }

  .site-footer .copy {
    font-size: calc(14 / (var(--sp-w)) * 100vw);
  }

  /*-------------------------
        FAQ
    -------------------------*/
  .faq {
    padding: 32px 0;
  }

  .faq .faq-title {
    font-size: 8.1cqw;
  }

  .faq .faq-copy {
    font-size: 3.2vw;
  }

  .faq .faq-list {
    padding: 0 12px;
  }

  .faq .faq-item {
    grid-template-columns: 35px 1fr 34px;
    padding: 12px;
  }

  .faq .faq-icon {
    width: 35px;
    height: 35px;
  }

  .faq .faq-cta a {
    margin: 45px auto 0;
    max-width: 86%;
    display: block;
  }

  /*-------------------------
        toppa
    -------------------------*/
  .toppa {
    padding-bottom: 50px;
	padding-block: 42px 55px;
  }

  .toppa .inner {
    padding: 23px 20px;
	border-top: 15px solid var(--accent);
  }

  .toppa h2 {
    max-width: 90%;
    margin: 0 auto;
  }

  .toppa .c-text {
    margin-top: 20;
    font-size: 3.46vw;
  }

  .toppa .list__kome {
    margin-top: 15px;
  }

  .toppa .inner {
    padding-bottom: 30px;
  }

  /*-------------------------
        intro
    -------------------------*/
  .intro .c-catch {
    font-size: calc(34 / var(--sp-w) * 100vw);
  }

  .intro .c-text {
    font-size: calc(28 / var(--sp-w) * 100vw);
  }

  .intro .c-text .marker-dark {
    font-size: calc(32 / var(--sp-w) * 100vw);
  }

  /*-------------------------
        article
    -------------------------*/
  .c-article__link {
    padding: 0;
  }
  .c-anchor__link {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }

  .c-anchor__linkItem:nth-child(2) {
    border-right: 1px solid var(--text-black);
  }

  .c-anchor__linkItem a {
    font-size: calc(21 / var(--sp-w) * 100vw);
  }

  .c-anchor__linkItem a img {
    width: 17px;
  }

  .a-links__contents {
    padding-top: 25px;
  }

  .c-article__linkItem a img.is-Sp {
    display: block;
  }

  .c-list__circle .c-list__circleItem > span {
    font-size: calc(17 / var(--sp-w) * 100vw);
  }

  /*-------------------------
        list
    -------------------------*/
  .list__iconItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-top: 22px;
  }

  .list__iconItem > p,
  .list__iconItem > img {
    display: block;
  }

  .list__iconItem > img {
    height: auto;
    width: 22px;
  }

  .list__iconItem > p {
    font-size: calc(26 / 750 * 100vw);
  }

  /*-------------------------
        section
    -------------------------*/
  .sec1,
  .sec2,
  .sec3,
  .sec4 {
    padding-bottom: 50px;
  }
  .c-section__top {
    border-top: 12px solid #e0ceaa;
    background: #f4eede;
  }
  .c-section__top._type2 {
    background: #f4eede;
  }
  .c-section__top .container {
    padding: 0;
  }

  .c-section__top .c-flex {
    flex-direction: column;
  }

  .c-section__top .c-flex__itemImages {
    order: 1;
    width: 100%;
  }

  .c-section__top .c-flex__itemImages img {
    width: 100%;
    height: 180px;
    object-fit: cover;
  }

  .c-section__top .c-flex > .c-flex__itemTexts {
    width: 100%;
    padding: 30px;
    order: 2;
  }

  .c-section {
    padding-block: 50px;
  }

  .c-section .c-flex {
    flex-direction: column;
    gap: 27px;
  }

  .c-section .c-flex .c-flex__texts .c-text {
    font-size: calc(28 / var(--sp-w) * 100vw);
  }

  .c-section .c-flex .c-flex__texts .c-text + .c-text {
    margin-top: 20px;
  }

  .c-section .c-flex .c-flex__texts {
    order: 1;
    width: 100%;
  }

  .c-section .c-flex .c-flex__images {
    order: 2;
    width: calc(680 / (var(--sp-w)) * 100%);
    margin: 0 auto;
  }

  .c-section__top .c-flex__itemTexts .c-number img {
    width: calc(176 / 600 * 100%);
  }

  .c-box .inner.w-1000 {
    padding-inline: 20px;
  }

  .c-box .c-head {
    padding: 20px 0 5px;
  }

  .c-box .c-head > img {
    left: -10px;
    width: calc(100 / 600 * 100%);
  }

  .c-box .c-grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
    margin-bottom: 23px;
  }

  .c-box .c-grid .c-text {
    width: 50%;
  }

  .c-box .c-grid__item {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }

  .c-box .c-grid__item:first-child > img {
    width: calc(228 / 540 * 100%);
  }

  .c-box .c-grid__item:nth-child(2) > img {
    width: calc(257 / 540 * 100%);
  }

  .c-box .c-grid__item:last-child > img {
    width: calc(240 / 540 * 100%);
  }

  .c-box .c-grid__item .c-text {
    margin-top: 0;
    font-size: calc(28 / var(--sp-w) * 100vw);
  }

  .c-box .list__icon {
    padding: 20px;
  }

  .c-box .c-bottom {
    padding-block: 15px;
  }

  .c-box .c-bottom .c-text {
    padding: 0;
    line-height: calc(40 / 26);
    font-size: calc(26 / (var(--sp-w)) * 100vw);
  }

  .c-box .c-bottom img {
    width: calc(104 / 600 * 100%);
  }

  .sec1 .c-section__top .c-flex__itemImages .c-flex__image {
    object-position: 0 30%;
  }

  .sec1 .c-box .c-h3 > img {
    width: calc(356 / 600 * 100%);
  }

  .sec2 .c-section__top .c-flex__itemImages .c-flex__image {
    object-position: 0 20%;
  }

  .sec2 .c-box .c-head .c-h3 img.is-Sp {
    padding-inline: 15px;
  }

  .sec3 .c-section__top .c-flex__itemImages .c-flex__image {
    object-position: 0 20%;
  }

  .sec3 .c-section__top .c-flex__itemTexts .c-catch img {
    width: 74%;
  }

  .sec3 .c-section__top .c-flex__itemTexts .c-text {
    margin-top: -15px;
  }

  .sec3 .c-section__top .c-flex > .c-flex__itemTexts {
    padding-bottom: 10px;
  }

  .sec3 .c-box .c-head .c-h3 img {
    width: calc(271 / 600 * 100%);
  }

  .sec3 .c-box .c-flex__box {
    padding: 20px 12px;
	margin-top: 5px;
	gap: 0px;
  }

  .sec3 .c-box .c-flex__box .c-flex__left {
    width: calc(130 / 600 * 100%);
  }

  .sec3 .c-box .c-flex__box .c-flex__center {
    width: calc(376 / 600 * 100%);
  }

  .sec3 .c-box .c-flex__box .c-flex__right {
    width: calc(130 / 600 * 100%);
  }

  .sec4 .c-section__top .c-flex__itemImages .c-flex__image {
    object-position: 0 5%;
  }

  .sec4 .c-box .c-head .c-h3 img {
/*    width: calc(420 / 600 * 100%);*/
    width: calc(520 / 600 * 100%);
  }

  .sec4 .c-box .c-flex__box {
    padding: 60px 20px 20px;
    flex-direction: column;
  }
  .sec4 .c-box .c-flex__box .c-flex__left {
    order: 2;
  }
  .sec4 .c-box .c-flex__box .c-flex__right {
    order: 1;
  }

  /*-------------------------
        query
    -------------------------*/
  .is-Sp {
    display: inline;
  }

  .is-Pc {
    display: none;
  }
}

  /*-------------------------
        add ~4.2
    -------------------------*/

.panel-area{
	margin: 40px auto 5px;
	max-width: 580px;
}
.panel-area img{
	margin-bottom: clamp(10px, 2.5vw, 20px);
}
.mg-kome{
	margin-top: 20px;
}
.all-links{
	text-align: center;
	margin: 40px auto 20px;
}
.all-links img{
	max-width: 620px;
	margin-bottom: 40px;

}
.all-links p{
	text-align: center;
	line-height: calc(48 / 26);
	font-weight: 600;
    font-size: 20px;
}
.all-links__contents{
	display: flex;
	justify-content: center; 
	align-items: center;
	gap: 40px;
}
.c-box .c-head .otoku-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  width: 100px;
}

@media (max-width: 900px) {
.panel-area{
	margin: 20px auto 5px;
	}
	
.all-links{
	margin: 40px auto 20px;
}
.all-links img{
	max-width: 90%;
	margin-bottom: 10px;

}
.all-links p{
	text-align: center;
	line-height: calc(4 / 3);
	font-weight: 600;
    font-size: 12px;
}
.all-links__contents{
	gap: 35px;
}
.c-box .c-head .otoku-img {
	top: -30px;
    width: calc(120 / 600 * 100%);
  }
}
/*-------------------------
    sec4 modelcase heading
-------------------------*/
.sec4-modelcase {
  position: relative;
}

.sec4-modelcase__ttl {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: -65px; 
}

.sec4-modelcase__ttl img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 0 30px;
}

.sec4 .c-box .sec4-modelcase .c-flex__box {
  position: relative;
  z-index: 0;
}

@media (max-width: 900px) {
  .sec4-modelcase__ttl {
    margin-bottom: 0;
  }
  .sec4-modelcase__ttl img {
    padding: 0 5.4vw;  
    margin: 2.67vw auto -12vw;
  }
}