@charset "UTF-8";
:root {
  --board: 1280;
  --max: 1px;
}
@media (max-width: 768px) {
  :root {
    --board: 375;
    --max: 9999px;
  }
}

html #marug,
body #marug {
  overflow-x: hidden;
}

body #marug {
  color: #1e9fa1;
  font-family: Helvetica, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

#marug img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  line-height: 0;
}

#marug a {
  overflow: hidden;
  text-decoration: none;
}

#marug a:hover,
#marug video:hover {
  cursor: pointer;
}

#marug body,
#marug div,
#marug dl,
#marug dt,
#marug dd,
#marug ul,
#marug ol,
#marug li,
#marug h1,
#marug h2,
#marug h3,
#marug h4,
#marug h5,
#marug h6,
#marug pre,
#marug form,
#marug fieldset,
#marug input,
#marug textarea,
#marug p,
#marug blockquote,
#marug main,
#marug section,
#marug article {
  margin: 0;
  padding: 0;
}

#marug img a,
#marug a img {
  border: none;
}

#marug .img_none,
#marug .none,
#marug .none,
#marug .p_none,
#marug .hide {
  display: none;
}

#marug p {
  margin: 0 0 1.5em 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 180%;
}

#marug p img {
  padding: 0.3em 0;
  /* IE6向け */
  vertical-align: top;
}

/* IE以外とIE7向け */
#marug p > img {
  padding: 0;
}

#marug .btn_form {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background: #2a3054;
  color: #fff !important;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  transition: opacity 0.2s ease-in-out;
}

#marug #contents_contact .btn_form {
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}

#marug #con1 + .btn_form,
#marug #con4 + .btn_form {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}

#marug .acd-content + .btn_form {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

#marug .btn_form:hover {
  text-decoration: none !important;
  opacity: 0.7;
}

#marug .btn_form > img {
  display: initial;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: auto !important;
}

#marug #header {
  display: flex;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
  max-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #header a {
  display: block;
  transition: opacity 0.2s ease-in-out;
}

#marug #header a:hover {
  opacity: 0.7;
}

#marug #header_left {
  flex-shrink: 0;
  /* width: 105px; */
}

#marug #header_left .benesse {
  width: clamp(0px, 10vw / var(--board) * 10 * 105, var(--max) * 105);
}

#marug #header_right {
  display: flex;
  justify-content: flex-end;
}

#marug #header_right img {
  margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 232, var(--max) * 232);
  height: clamp(0px, 10vw / var(--board) * 10 * 57, var(--max) * 57);
}

#marug #menu {
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
  margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 720, var(--max) * 720);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  font-family: Helvetica, Arial, "sans-serif";
}

#marug #menu div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  border-left: 1px solid #13919a;
}

#marug #menu div:last-child {
  border-right: 1px solid #13919a;
}

#marug #menu div a {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  font-weight: bold;
}

#marug #information .btn_form {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

#marug #information_detail a,
#marug #information_detail li {
  display: flex;
  line-height: 180%;
}

#marug #information_detail a {
  color: #1e9fa1;
}

#marug #information_detail a:hover {
  text-decoration: underline;
}

#marug #information_detail a.non_url:hover {
  text-decoration: none;
}

#marug .point2,
#marug .point3 {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

#marug #con5_inner img {
  margin: 0 auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 900, var(--max) * 900);
  background: rgba(255, 255, 255, 0.9);
}

#marug #footer_right {
  color: #000;
  line-height: 180%;
}

#marug .footer_right_links {
  z-index: 1;
}

#marug .footer_sns {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
}

#marug .footer_sns a {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  transition: opacity 0.2s ease-in-out;
}

#marug .footer_sns a:hover {
  opacity: 0.7;
}

#marug .footer_benesse {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  line-height: 1.5;
}

#marug .footer_benesse_left {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

#marug .footer_benesse_logo > img {
  width: clamp(0px, 10vw / var(--board) * 10 * 105, var(--max) * 105);
}

#marug .footer_benesse_copyright {
  color: #666;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
}

#marug .footer_benesse_right {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  row-gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}

#marug .footer_benesse_right a {
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background: url(../../image/marugland/icon-arrow.png) left center/clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) no-repeat;
  color: #0070cb;
  text-decoration: underline;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

#marug .footer_benesse a {
  display: block;
  transition: opacity 0.2s ease-in-out;
}

#marug .footer_benesse a:hover {
  opacity: 0.7;
}

#marug .faq {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-bottom: 1px solid #b6b6b6;
  color: #000;
}

#marug .acd-check {
  position: absolute;
  opacity: 0;
}

#marug .acd-check:focus-visible + .acd-label {
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: 1px;
}

#marug .accordion {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  width: 100%;
  outline: none;
  border-top: 1px solid #b6b6b6;
  text-align: left;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  cursor: pointer;
  transition: 0.4s;
}

#marug .accordion:hover {
  opacity: 0.7;
}

#marug .accordion .icon {
  position: relative;
  flex-shrink: 0;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  height: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  border-radius: 50%;
  background: #2a3054;
}

#marug .accordion .icon::after,
#marug .accordion .icon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}

#marug .accordion .icon::after {
  width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  transition: 0.25s transform ease, 0.25s margin ease, 0.25s top ease;
}

#marug .accordion .icon::before {
  width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  transition: 0.25s transform ease, 0.25s margin ease, 0.25s top ease;
}

#marug .accordion.active .icon {
  background: #bbb;
}

#marug .accordion.active .icon::before {
  transform: rotate(-90deg);
}

#marug .accordion .tag {
  display: inline-block;
  flex-shrink: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background: #13919a;
  color: #fff;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

#marug .accordion .title {
  padding-right: 1em;
}

#marug .accordion_left {
  display: flex;
  align-items: center;
}

#marug .panel {
  overflow: hidden;
  max-height: 0;
  background: #f3f3f3;
  transition: max-height 0.2s ease-out;
}

#marug .panel p {
  margin: 1em !important;
}

#marug .awardsFlex {
  display: flex;
}

#marug .award_subtitle {
  text-align: center;
}

#marug .award_image {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

#marug .award_image img {
  width: clamp(0px, 10vw / var(--board) * 10 * 142.6, var(--max) * 142.6);
  height: clamp(0px, 10vw / var(--board) * 10 * 109.4, var(--max) * 109.4);
}

#marug #awards {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  color: #000;
}

#marug .awardsCon {
  margin: 0 auto;
  width: 100%;
}

#marug .award_title {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  margin-bottom: 0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
}

#marug .award_subtitle {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-weight: bold;
}

#marug .awardsFlex {
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug .award_desc {
  width: clamp(0px, 10vw / var(--board) * 10 * 720, var(--max) * 720);
}

#marug #fixed_topbtnCon {
  position: fixed;
  right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  bottom: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
  z-index: 999;
  width: clamp(0px, 10vw / var(--board) * 10 * 57, var(--max) * 57);
  opacity: 0;
  transition: all 0.5s ease;
}

#marug #fixed_topbtnCon.is-show {
  bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  opacity: 1;
}

#marug .p-help-accordion__body-inner__sp-wide p,
#marug .p-help-accordion__body-inner p {
  margin: 0;
}

#marug .js-active + .p-help-accordion__body:last-of-type {
  margin-bottom: 0;
}

#marug #signup {
  position: relative;
}

#marug #information .p-pv__title {
  font-weight: 600;
}

#marug .con4_con1_1_btn:hover,
#marug .is-assist a img:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}

#marug .is-assist #header a {
  color: #fff;
  font-weight: 600;
}

#marug .is-assist #header a.is-active {
  color: #fff462;
}

#marug .p-footer__trademarks {
  font-weight: 300;
}

#marug .index-bottom-footerCon {
  background: #fff;
}

#marug .p-document-desc__note a {
  color: #019ea8;
  text-decoration: underline;
  font-weight: 600;
}

/* index 臨時メッセージ用スタイル */
#marug .p-index-extra {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 2rem 0;
  padding: 0 2rem;
  color: #000;
}

#marug .p-index-extra-title {
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug .p-index-extra-text {
  word-break: break-all;
}

#marug .p-index-extra-link {
  text-decoration: underline !important;
}

@media screen and (min-width: 1025px) {
  #marug .p-index-extra-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #marug .p-index-extra-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
}
@media screen and (max-width: 767px) {
  #marug .p-index-extra-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
}
/* index 続きを読むボタンのスタイル */
#marug div#news-more-button {
  display: flex;
  justify-content: center;
  border-radius: 2rem;
  background-color: #3ca4a4;
  cursor: pointer;
  /* font-size: 18px; */
  /* color: white; */
}

#marug #news-more-button p {
  display: block;
  margin: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

/* ホバー時のスタイル */
#marug div#news-more-button:hover {
  opacity: 0.7;
}

/* クリック時のスタイル */
#marug div#news-more-button:active {
  opacity: 0.7;
}

/* 20250122追加分 */
section.p-casepage-titleCon::before {
  top: clamp(var(--max) * -90, 10vw / var(--board) * 10 * -90, 0px);
}

#marug .p-caselist-group-item-wrapper {
  position: relative;
}

#marug .p-caselist-group-item {
  overflow: hidden;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  /* width: 512px; */
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  height: auto;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background: #fff;
}

#marug .p-caselist-group-item__newmark {
  position: absolute;
  top: clamp(var(--max) * -63.8, 10vw / var(--board) * 10 * -63.8, 0px);
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 40.73, var(--max) * 40.73);
  height: clamp(0px, 10vw / var(--board) * 10 * 69.8, var(--max) * 69.8);
}

#marug .p-caselist-group-item__img {
  height: clamp(0px, 10vw / var(--board) * 10 * 225, var(--max) * 225);
}

#marug .p-caselist-group-item__title {
  margin: 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  /* 250616追加 */
  min-height: 3.334em;
  max-height: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  /* margin-left: 27px; */
  color: #019ea8;
  text-decoration: underline;
  text-decoration-thickness: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  text-decoration-color: #fff462;
  text-decoration-skip-ink: none;
  text-underline-offset: clamp(var(--max) * -4, 10vw / var(--board) * 10 * -4, 0px);
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.6923076923;
}

#marug .p-caselist-group-item__from {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  color: #000;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug .con5_btn {
  margin-right: auto;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 346, var(--max) * 346);
  box-shadow: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) 1px rgba(0, 0, 0, 0.16);
}

#marug .con5_btn:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}

#marug .p-caselist-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  width: 81%;
  /* column-gap: 76px; */
  row-gap: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}

#marug .con4_con1_1_btn {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) !important;
}

#marug .header-menu__wrapper {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  width: 96%;
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}

#marug #header_left a {
  transition: 0.7s;
}

#marug #header_left a:hover {
  opacity: 0.7;
}

#marug .header__logo {
  margin: 0 !important;
  width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  height: auto;
}

#marug .header__nav-link {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-size: clamp(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10), 1.2vw, clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16));
}

#marug #header_right a {
  position: relative;
  display: flex;
  justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #d4ebfb;
  color: #2c3152;
  text-align: center;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 1.3;
}

#marug #header_right a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  height: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  border: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) solid #2c3152;
  border-bottom: none;
  border-left: none;
  transition: 0.7s;
  transform: translateY(-50%) rotate(45deg);
}

#marug #header_right a:hover {
  opacity: 0.7;
}

#marug .header_btn-sp {
  display: none;
}

#marug .con5_btn {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

#marug #menu div:last-child {
  display: none;
}

#marug #menu div:nth-child(6) {
  /* border-right: 1px solid #13919a; */
}

#marug #menu div a:link,
#marug #menu div a:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#marug #menu {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

#marug .header__nav {
  margin: 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 720, var(--max) * 720);
  width: 100%;
}

#marug #menu div {
  flex: 1;
  /* width: calc((100% - 60px) / 6); */
  width: auto;
}

#marug #menu div:first-of-type {
  display: none;
}

/* 202503 追加 */
#marug {
  background: none;
}

#marug .pNav {
  position: relative;
  margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug .pNav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug .pNav ul li:not(.home) {
  width: calc((100% - (clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177) + clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80))) / 4);
}

#marug .pNav .home {
  width: clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177);
}

#marug .pNav .home img {
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

#marug .pNav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}

#marug .pNav ul li:not(.home) a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  background: #009ea8;
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug .pNav ul li:not(.home) a::after {
  content: "";
  position: absolute;
  top: calc(50% - clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7));
  right: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  border: #fff clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) solid;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.content__okulinkplus #marug h2 {
  color: #000;
}

.content__okulinkplus #marug h3 {
  color: #1e9fa1;
}

#marug .youtubeWrap {
  margin: 0 auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  width: 100%;
}

#marug .youtube {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  height: 0;
}

#marug .youtube iframe,
#marug .youtube object,
#marug .youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* CSS Document */
/* ▼common */
body #marug {
  background-color: #f7f5ed;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug a.anchor {
  display: block;
  margin-top: clamp(var(--max) * -110, 10vw / var(--board) * 10 * -110, 0px);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
}

/* ▼font類 */
#marug p {
  margin: 0 0 1.5em 0;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 180%;
}

#marug h1 {
  font-weight: lighter;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
}

#marug h2 {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

#marug h3 {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

#marug h4 {
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

#marug .pc {
  display: block;
}

#marug .tb,
#marug .sp {
  display: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
BASE
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*body.index {
  background: url('../../image/marugland/bg.png');
  background-position: center top;
  background-repeat: repeat-y;
}*/
#marug #wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: left;
}

#marug #header_wrap {
  top: 0;
  z-index: 99999;
  margin: 0;
  padding: 0;
  width: 100%;
}

#marug #header_wrap.contact {
  top: 0;
  z-index: 99999;
  margin: 0;
  padding: 0;
  width: 100%;
}

#marug #header_wrap.is-assist {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  background: #019ea8;
}

#marug #header_left img {
  margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0 0;
}

#marug .is-assist #header {
  flex-wrap: nowrap;
  justify-content: start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 151, var(--max) * 151);
  margin-bottom: 0;
  /* column-gap: 0; */
}

#marug .is-assist #header_left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(0px, 10vw / var(--board) * 10 * 471, var(--max) * 471);
  height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
}

#marug .is-assist #header_right {
  align-items: center;
  height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
}

#marug .is-assist #header_left img {
  margin: 0;
}

#marug .is-assist .header-link-left.__1 {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}

#marug .is-assist .header-link-left {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
}

#marug .is-assist .header-link-right.__1 {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
}

#marug .is-assist .header-logo {
  width: clamp(0px, 10vw / var(--board) * 10 * 195, var(--max) * 195);
  height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
}

#marug #menu div a:link,
#marug #menu div a:visited {
  color: #000;
  text-decoration: none;
}

#marug #menu div a:hover {
  color: #13919a;
  text-decoration: none;
}

#marug #mv {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  background: #009ea8;
}

#marug #mv_title {
  margin: 0 auto 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
}

#marug #mv_logo {
  /*margin: 30px auto 0 auto;*/
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
}

#marug #mv_monitor {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 570, var(--max) * 570);
  right: 0;
  left: 0;
  display: none;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
}

#marug #mv_chara {
  margin: 0 auto;
  /*width: 600px;*/
  width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
}

#marug div#mv:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

#marug #information {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #information h2 {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
  color: #13919a;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
}

#marug #information h2 img {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
}

#marug #information_detail {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
}

#marug #information_detail p {
  font-weight: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug #information ul {
  list-style: none;
}

#marug #information ul li p {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) 0;
}

#marug #information ul li span.news_date {
  display: block;
  float: left;
  margin: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
}

#marug #information ul li span.news_text {
  display: block;
  overflow: auto;
}

#marug #info_left {
  float: left;
  margin: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
}

#marug #info_right {
  float: right;
  width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
}

#marug div#information:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

#marug #contents {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #contents img.mb40 {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
}

/* con1 */
#marug #con1 {
  box-sizing: border-box;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #eff7f0;
}

#marug #con1_text1 {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 680, var(--max) * 680);
}

#marug #con1_title2 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 370, var(--max) * 370);
}

#marug #con1_text2 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 840, var(--max) * 840);
  height: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
}
@media (max-width: 768px) {
  #marug #con1_text2 {
    height: auto;
  }
}

#marug #con1_text2-left {
  position: absolute;
  top: 30%;
  left: 5%;
}

#marug #con1_text2-left p {
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con1_text2-right {
  position: absolute;
  top: 30%;
  right: 6%;
}

#marug #con1_text2-right p {
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con1_arrow {
  margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

#marug #con1_title3 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 370, var(--max) * 370);
}

#marug #con1_text3 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 900, var(--max) * 900);
  height: clamp(0px, 10vw / var(--board) * 10 * 325, var(--max) * 325);
}
@media (max-width: 768px) {
  #marug #con1_text3 {
    height: auto;
  }
}

#marug #con1_text3-left {
  position: absolute;
  top: 30%;
  left: 4%;
}

#marug #con1_text3-left p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con1_text3-left p span {
  border-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff379;
  text-decoration: none;
}

#marug #con1_text3-right {
  position: absolute;
  top: 30%;
  right: 7%;
}

#marug #con1_text3-right p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con1_text3-right p span {
  border-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff379;
  text-decoration: none;
}

#marug #con1_text4 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 790, var(--max) * 790);
}

/* con2_title */
#marug #con2_title {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1060, var(--max) * 1060);
}

#marug #con2_title2 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #con2_con2 {
  box-sizing: border-box;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #eff7f0;
}

#marug #con2_text1 {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
}

#marug #con2_text1 p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_con2_img1 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_con2_text1 {
  position: absolute;
  right: 0;
  bottom: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
  left: 0;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 790, var(--max) * 790);
}

#marug #con2_con2_img2 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_con2_text1 p {
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #con2_text2 {
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto 0 auto;
}

#marug #con2_text2 p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #con2_img3 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_text3 {
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto 0 auto;
}

#marug #con2_text3 p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #con2_img4 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_title3 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #con2_con3 {
  box-sizing: border-box;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #eff7f0;
}

#marug #con2_text4 {
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70) auto;
}

#marug #con2_text4 p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_con3_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1020, var(--max) * 1020);
}

#marug #con2_con3_1_left {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
}

#marug #con2_con3_1_left p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  left: 16%;
  color: #fff;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_con3_1_right {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
}

#marug #con2_con3_1_right img {
  margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 0 0;
}

#marug #con2_con3_1_right p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  left: 4%;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug #con2_con3_2 {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1020, var(--max) * 1020);
}

#marug #con2_con3_2_left {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
}

#marug #con2_con3_2_left p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  left: 16%;
  color: #fff;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_con3_2_right {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
}

#marug #con2_con3_2_right img {
  margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 0 0;
}

#marug #con2_con3_2_right p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  left: 4%;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug #con2_text5 {
  margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto;
}

#marug #con2_text5 p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_img5 {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_title4 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #con2_con4 {
  box-sizing: border-box;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #eff7f0;
}

#marug #con2_text6 {
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
}

#marug #con2_text6 p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_img6 {
  position: relative;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_text7 {
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
}

#marug #con2_text7 p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug #con2_con4_1 {
  display: flex;
  justify-content: space-around;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_con4_1_left {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
}

#marug #con2_con4_1_right {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 490, var(--max) * 490);
}

#marug #con2_con4_1_right img {
  margin: 0;
}

#marug #con2_con4_1_right p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  left: 10%;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #con2_con4_2 {
  display: flex;
  justify-content: space-around;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_con4_2_left {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
}

#marug #con2_con4_2_right {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 490, var(--max) * 490);
}

#marug #con2_con4_2_right img {
  margin: 0;
}

#marug #con2_con4_2_right p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  left: 6%;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #con2_con5_1 {
  display: flex;
  justify-content: space-around;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 860, var(--max) * 860);
}

#marug #con2_con5_1_left {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
}

#marug #con2_con5_1_right {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
}

#marug #con2_con5_1_right img {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) 0 0 0;
  width: 100%;
}

#marug #con2_con5_1_right p {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  left: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  text-align: center;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #con3 {
  box-sizing: border-box;
  margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #6ab1b7;
}

#marug #con3_inner {
  box-sizing: border-box;
  margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #eff7f0;
}

#marug #con3_title1 {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 730, var(--max) * 730);
}

#marug #con3_con1_1 {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 910, var(--max) * 910);
}

#marug #con3_con1_1_left {
  position: relative;
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 630, var(--max) * 630);
}

#marug #con3_con1_1_left__title {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
}
@media (max-width: 768px) {
  #marug #con3_con1_1_left__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
}

#marug #con3_con1_1_left img {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
}

#marug #con3_con1_1_left p {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}

#marug #con3_con1_1_right {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
}

#marug #con3_con1_1_right img {
  bottom: 0;
  left: 0;
  margin: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) 0 0 0;
}

#marug #con3_con1_1_right p {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
  text-align: left;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
}

#marug #con3_con1_1_right p:last-of-type {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  text-align: left;
  font-weight: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
}

#marug #con4 {
  box-sizing: border-box;
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #6ab1b7;
}

#marug #con4_inner {
  box-sizing: border-box;
  margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background: #eff7f0;
}

#marug #con4_title1 {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 730, var(--max) * 730);
}

#marug .con4_con1_1 {
  display: flex;
  justify-content: space-between;
  width: auto;
  /*margin: 0 auto 70px auto; */
}

#marug .con4_con1_1_btn {
  margin-top: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px);
  margin-right: auto;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 346, var(--max) * 346);
  box-shadow: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) 1px rgba(0, 0, 0, 0.16);
}

#marug .con4_con1_1:last-of-type {
  /* margin: 0 auto; */
}

#marug .con4_con1_1_left {
  display: flex;
  justify-content: flex-end;
  width: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
}

#marug .con4_con1_1_left .w155 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 155, var(--max) * 155);
}

#marug .con4_con1_1_left .w120 {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}

#marug .con4_con1_1_right {
  width: clamp(0px, 10vw / var(--board) * 10 * 610, var(--max) * 610);
}

#marug .con4_con1_1_right p {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
  text-align: left;
  font-weight: bold;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

#marug .con4_con1_1_right p:last-of-type {
  text-align: left;
  font-weight: normal;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug .caut {
  margin: 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
  text-align: right;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

#marug #pankuzu {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug #pankuzu p {
  color: #000;
}

#marug #pankuzu a:link,
#marug #pankuzu a:visited {
  color: #13919a;
  text-decoration: none;
}

#marug #pankuzu a:hover {
  color: #13919a;
  text-decoration: underline;
}

#marug #contents_contact {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
}

#marug .logo_contact {
  margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
  width: 50%;
}

#marug #contents_contact h2 {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  color: #13919a;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}

#marug #contents_contact h3 {
  margin: 0;
  color: #000;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #contents_contact h4 {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

h4.catch {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

h4.catch:after {
  content: "";
  flex-grow: 1;
  margin-left: 1.5em;
  border-top: 1px solid #13919a;
}

#marug #contents_contact p {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug #contents_contact .l-contacttopitemdesc {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
}

#marug .l-telbox {
  margin-left: calc(clamp(var(--max) * -480.25, 10vw / var(--board) * 10 * -480.25, 0px) + 50%);
  width: clamp(0px, 10vw / var(--board) * 10 * 960.5, var(--max) * 960.5);
}

#marug .p-telitem {
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 52.5, var(--max) * 52.5);
  color: #000;
}

#marug .p-telitem__name {
  display: flex;
  align-items: center;
  justify-content: right;
  width: clamp(0px, 10vw / var(--board) * 10 * 598, var(--max) * 598);
  white-space: nowrap;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug .p-telitem__tel {
  width: clamp(0px, 10vw / var(--board) * 10 * 310, var(--max) * 310);
  color: #13919a !important;
  vertical-align: middle;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}

#marug .p-telitem__phonenumber {
  margin: 0 auto;
  color: #13919a !important;
  vertical-align: middle;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}

#marug .p-guide-teldesc {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  color: #000;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug .p-contacttime {
  margin: 0;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  color: #000;
}

#marug .p-contacttime.is-guide {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 47, var(--max) * 47);
}

#marug .p-contacttime__time {
  display: flex;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  vertical-align: middle;
  font-weight: normal;
}

#marug .p-contacttime__time-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug .p-contacttime__time-data {
  display: flex;
  align-items: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug .p-contacttime__desc {
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 422, var(--max) * 422);
  text-align: left;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
}

#marug #footer_wrap {
  margin: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
  width: 100%;
  background: #d9d9d9;
}

#marug #footer_wrap.is-assist {
  background: #019ea8;
}

#marug #footer {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug .is-assist #footer {
  display: flex;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  width: 76.52vw;
}

#marug #footer_left {
  float: left;
  margin: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
}

#marug .is-assist #footer_left {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 49, var(--max) * 49);
  width: clamp(0px, 10vw / var(--board) * 10 * 302, var(--max) * 302);
}

#marug #footer_left img.marug {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  width: 100%;
}

#marug .is-assist #footer_left img.marug {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}

#marug #footer_left img.benesse {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138);
}

#marug #footer_left p {
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

#marug #footer_right {
  position: relative;
  float: right;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 750, var(--max) * 750);
  width: 68%;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
}

#marug .is-assist #footer_right {
  float: none;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  line-height: 1.6666666667;
}

#marug #footer_right a:link,
#marug #footer_right a:visited {
  color: #000;
  text-decoration: none;
}

#marug #footer_right a:hover {
  color: #000;
  text-decoration: underline;
}

#marug .is-assist #footer_left p,
#marug .is-assist #footer_right,
#marug .is-assist #footer_right a {
  color: #fff;
}

#marug img.chara {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: 20%;
}

#marug .is-assist img.chara {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 79.1, var(--max) * 79.1);
  right: clamp(0px, 10vw / var(--board) * 10 * 247.1, var(--max) * 247.1);
  width: clamp(0px, 10vw / var(--board) * 10 * 96.9, var(--max) * 96.9);
}

#marug img.banner {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  bottom: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  transition-timing-function: ease-out;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
}

#marug img.banner:hover {
  opacity: 0.8;
  transform: translate(1px, -1px);
}

#marug img.banner:active {
  transform: translateY(1px);
}

#marug .is-assist img.footer_right_logo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 152, var(--max) * 152);
}

#marug div#footer:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

#marug .acd-label {
  display: block;
  cursor: pointer;
}

#marug .acd-content {
  visibility: hidden;
  height: 0;
  transition: 0s;
}

#marug .acd-check:checked + .acd-label + .acd-content {
  visibility: visible;
  height: auto;
  opacity: 1;
}

#marug #awards {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug .awardsCon {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug .award_desc p {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

/* guide */
#marug .p-assist-pages-title {
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
  width: clamp(0px, 10vw / var(--board) * 10 * 376.13, var(--max) * 376.13);
}

#marug .p-assist-pages-title h2 {
  margin: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}

#marug .assist-page-title-chara-left {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  width: clamp(0px, 10vw / var(--board) * 10 * 44.27, var(--max) * 44.27);
  height: clamp(0px, 10vw / var(--board) * 10 * 42.2, var(--max) * 42.2);
}

#marug .assist-page-title-chara-right {
  width: clamp(0px, 10vw / var(--board) * 10 * 56.86, var(--max) * 56.86);
  height: clamp(0px, 10vw / var(--board) * 10 * 55.71, var(--max) * 55.71);
}

#marug #contents_guide {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
}

#marug .p-guidelogo {
  margin: 0 auto;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 479.64, var(--max) * 479.64);
  height: clamp(0px, 10vw / var(--board) * 10 * 109, var(--max) * 109);
}

#marug .p-menus {
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 63, var(--max) * 63);
  width: fit-content;
}

#marug .p-menus a {
  position: relative;
  display: flex;
  overflow: visible;
  align-items: center;
  justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
  background: #d9d9d9;
  color: #1e9fa1;
  text-align: center;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-family: "ヒラギノ角ゴ ProN";
}

#marug .p-menus .g-is-selected {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 69, var(--max) * 69);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
  background: #00a2a3;
  color: #fff;
}

#marug .p-menus-items__newmark {
  position: absolute;
  top: clamp(var(--max) * -54, 10vw / var(--board) * 10 * -54, 0px);
  left: 0;
  z-index: 9999;
  width: clamp(0px, 10vw / var(--board) * 10 * 40.73, var(--max) * 40.73);
  height: clamp(0px, 10vw / var(--board) * 10 * 69.8, var(--max) * 69.8);
}

#marug .p-document {
  position: relative;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  border-top: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13) #00a5a5 solid;
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

#marug .p-document:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -7;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-bottom-left-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #ebf7ee;
}

#marug .p-document__setting {
  height: clamp(0px, 10vw / var(--board) * 10 * 2983, var(--max) * 2983);
}

#marug .p-document__ready {
  height: clamp(0px, 10vw / var(--board) * 10 * 2327, var(--max) * 2327);
}

#marug .p-document__test2 {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
}

#marug .p-document__lesson {
  height: clamp(0px, 10vw / var(--board) * 10 * 2298, var(--max) * 2298);
}

#marug .p-document__help {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 59, var(--max) * 59);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 285, var(--max) * 285);
  height: fix-content;
}

#marug .p-document__setting:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  height: clamp(0px, 10vw / var(--board) * 10 * 2983, var(--max) * 2983);
  background-color: #ebf7ee;
  background-image: url("../../image/marugland/guide/bg_setting.png");
  background-position-y: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#marug .p-document__lesson:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  height: clamp(0px, 10vw / var(--board) * 10 * 2298, var(--max) * 2298);
  background-color: #ebf7ee;
  background-image: url("../../image/marugland/guide/bg_lesson.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#marug .p-document__title {
  z-index: 12;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 92, var(--max) * 92);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  border-bottom: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25) solid yellow;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 100%;
}

#marug .p-document-desc {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
  color: #293057;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

#marug .p-document-desc p {
  margin: 0;
  line-height: 1.6875;
}

#marug .p-document-desc .p-document-desc__note {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.7142857143;
}

#marug .p-document-frame {
  position: relative;
  box-sizing: content-box;
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  width: clamp(0px, 10vw / var(--board) * 10 * 884, var(--max) * 884);
  height: auto;
  border: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) solid #6ab1b7;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: #6ab1b7;
}

#marug .p-document .footer-notes {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 107, var(--max) * 107);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

#marug .p-document__setting .p-document-frame.is-first {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
}

#marug .p-document__ready .p-document-frame.is-first {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}

#marug .p-document__test2 .p-document-frame.is-first {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 124, var(--max) * 124);
}

#marug .p-document__lesson .p-document-frame.is-first {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 73, var(--max) * 73);
}

#marug .p-document-frame__inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  background: #fff;
}

#marug .p-document__lesson .p-document-frame__inner {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}

#marug .p-document-frame__inner-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  background-color: #6ab1b7;
  color: #fff;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  font-family: "ヒラギノ角ゴ ProN", sans-serif;
}

#marug .p-document-frame__inner-movie {
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  width: clamp(0px, 10vw / var(--board) * 10 * 417, var(--max) * 417);
  height: clamp(0px, 10vw / var(--board) * 10 * 237, var(--max) * 237);
  background: #777;
}

#marug .p-guide-movie {
  width: 100%;
  height: 100%;
}

#marug .p-document-frame__inner-text {
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6875;
}

#marug .p-document-frame__inner-text__sb {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}

#marug .p-frame-ready-decoration {
  position: absolute;
  top: clamp(var(--max) * -131, 10vw / var(--board) * 10 * -131, 0px);
  right: clamp(var(--max) * -21, 10vw / var(--board) * 10 * -21, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
}

#marug .p-test2-decoration-l {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 241.3, var(--max) * 241.3);
  left: 0;
  z-index: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 183.56, var(--max) * 183.56);
  height: clamp(0px, 10vw / var(--board) * 10 * 179.68, var(--max) * 179.68);
}

#marug .p-test2-decoration-l-layer2 {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 331.6, var(--max) * 331.6);
  left: clamp(0px, 10vw / var(--board) * 10 * 49.2, var(--max) * 49.2);
  z-index: 2;
  width: clamp(0px, 10vw / var(--board) * 10 * 122.48, var(--max) * 122.48);
  height: clamp(0px, 10vw / var(--board) * 10 * 81.56, var(--max) * 81.56);
}

#marug .p-test2-decoration-r {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 240.3, var(--max) * 240.3);
  right: clamp(0px, 10vw / var(--board) * 10 * 26.8, var(--max) * 26.8);
  z-index: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 171.12, var(--max) * 171.12);
  height: clamp(0px, 10vw / var(--board) * 10 * 166.07, var(--max) * 166.07);
}

#marug .p-test2-decoration-r-layer2 {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 328.3, var(--max) * 328.3);
  right: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  z-index: 2;
  width: clamp(0px, 10vw / var(--board) * 10 * 133.06, var(--max) * 133.06);
  height: clamp(0px, 10vw / var(--board) * 10 * 80.7, var(--max) * 80.7);
}

#marug .p-frame-lesson-decoration-1 {
  position: absolute;
  top: clamp(var(--max) * -93, 10vw / var(--board) * 10 * -93, 0px);
  left: clamp(var(--max) * -56, 10vw / var(--board) * 10 * -56, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 92.99, var(--max) * 92.99);
}

#marug .p-frame-lesson-decoration-2 {
  position: absolute;
  top: clamp(var(--max) * -64, 10vw / var(--board) * 10 * -64, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 712.5, var(--max) * 712.5);
  width: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
}

#marug .p-document__link-list {
  display: flex;
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 844, var(--max) * 844);
  width: clamp(0px, 10vw / var(--board) * 10 * 844, var(--max) * 844);
  width: fit-content;
  white-space: nowrap;
}

#marug .p-documnnt__link-list.g-is-first {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 97, var(--max) * 97);
}

#marug .p-document__link-list div {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 0;
  border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #00295f;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background: #fff;
  color: #00295f;
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug .p-document__link-list div:not(:first-child) {
  margin-left: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
}

#marug .p-document__link-list .g-is-selected {
  border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #00295f;
  background: #00285b;
  color: #fff;
}

#marug .p-document__link-list div:not(:first-child) {
  margin-left: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
}

#marug .p-document__link-list div:nth-child(1) {
  width: clamp(0px, 10vw / var(--board) * 10 * 143, var(--max) * 143);
}

#marug .p-document__link-list div:nth-child(2) {
  width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
}

#marug .p-document__link-list div:nth-child(3) {
  width: clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177);
}

#marug .p-document__link-list div:nth-child(4) {
  width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
}

#marug .p-document__link-list a {
  color: #00295f;
}

#marug .g-is-selected a {
  color: #fff;
}

#marug .p-link-list-items__newmark {
  position: absolute;
  top: clamp(var(--max) * -65, 10vw / var(--board) * 10 * -65, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
  width: clamp(0px, 10vw / var(--board) * 10 * 40.73, var(--max) * 40.73);
  height: clamp(0px, 10vw / var(--board) * 10 * 69.8, var(--max) * 69.8);
}

#marug .p-help-accordion {
  position: relative;
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 920, var(--max) * 920);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) 0 0;
  background: #00a5a5;
  cursor: pointer;
}

#marug .p-help-accordion.g-is-1st {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
}

/*.p-help-accordion.js-active{margin-top:80px;}*/
#marug .p-help-accordion__title {
  display: flex;
  justify-content: center;
  color: #fff;
  line-height: 100%;
}

#marug .p-help-accordion__icon {
  position: absolute;
  top: 0;
}

#marug .p-help-accordion__body {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
  width: clamp(0px, 10vw / var(--board) * 10 * 880, var(--max) * 880);
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  background: #fff;
}

#marug .p-help-accordion__body-inner__sp-wide,
#marug .p-help-accordion__body-inner {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
}

#marug .p-help-accordion__icon {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 17.4, var(--max) * 17.4);
  right: clamp(0px, 10vw / var(--board) * 10 * 21.1, var(--max) * 21.1);
  width: clamp(0px, 10vw / var(--board) * 10 * 31.75, var(--max) * 31.75);
  height: clamp(0px, 10vw / var(--board) * 10 * 17.21, var(--max) * 17.21);
  border: 0;
  background: transparent;
  background-image: url(../../image/marugland/guide/arrow.png);
  background-size: cover;
  cursor: pointer;
}

#marug .js-active .p-help-accordion__icon {
  transform: rotate(180deg);
}

#marug .p-help-accordion__body {
  overflow-y: hidden;
  padding: 0;
  max-height: 0;
}

#marug .js-active + .p-help-accordion__body {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
}

#marug .p-manual-img {
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 646, var(--max) * 646);
}

#marug .p-manual-img__file {
  width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  height: clamp(0px, 10vw / var(--board) * 10 * 209, var(--max) * 209);
}

#marug .g-l-manual-img-box {
  display: flex;
  justify-content: center;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
}

#marug .p-manual-img figure {
  margin: 0;
}

#marug .p-manual-img figcaption {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
  font-weight: 600;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6875;
}

#marug .p-help-accordion__body-inner__sp-wide p,
#marug .p-help-accordion__body-inner p {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6875;
}

#marug .p-help-accordion__body-inner__sp-wide h4,
#marug .p-help-accordion__body-inner h4 {
  text-align: left;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.7222222222;
}

#marug .u-note {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.7142857143;
}

#marug div .u-p-mb-5 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
}

#marug div .u-p-mb-10 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

#marug div .u-p-mb-18 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug div .u-p-mb-30 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

#marug div .u-p-mb-xs {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
}

#marug div .u-p-mb-s {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
}

#marug div .u-p-mb-m {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}

#marug div .u-p-mb-50 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}

#marug .p-help-bgimg__1 {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  left: clamp(0px, 10vw / var(--board) * 10 * 826.4, var(--max) * 826.4);
  width: clamp(0px, 10vw / var(--board) * 10 * 183.59, var(--max) * 183.59);
}

#marug .p-help-bgimg__2 {
  position: absolute;
  top: clamp(var(--max) * -97, 10vw / var(--board) * 10 * -97, 0px);
  left: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: clamp(0px, 10vw / var(--board) * 10 * 109.71, var(--max) * 109.71);
}

#marug .p-help-bgimg__3 {
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 80.2, var(--max) * 80.2);
  left: 50%;
  width: clamp(0px, 10vw / var(--board) * 10 * 183.59, var(--max) * 183.59);
  transform: translateX(-50%);
}

#marug .p-footer__trademarks {
  margin: 0 auto;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  color: #707070;
  font-weight: 300;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.7142857143;
}

#marug .is-assist .p-footer__trademarks {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
  width: 76.52vw;
  color: #fff;
}

#marug .p-pv {
  margin: 0 auto;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 53.2, var(--max) * 53.2);
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
}

#marug .p-pv__inner {
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  height: clamp(0px, 10vw / var(--board) * 10 * 445.75, var(--max) * 445.75);
}

#marug #information .p-pv__title {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 100%;
}

#marug .p-pv__title-time {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
}

#marug .spI {
  display: none;
}

/* 202503 追加 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* CSS Document */
  /* ▼common */
  body #marug {
    overflow-x: hidden;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug a.anchor {
    display: block;
    margin-top: clamp(var(--max) * -110, 10vw / var(--board) * 10 * -110, 0px);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  }
  #marug h1 {
    font-weight: lighter;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  #marug h2 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  #marug h3 {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug h4 {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug .pc,
  .tb {
    display: block;
  }
  #marug .sp {
    display: none;
  }
  /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  BASE
  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  #marug #wrapper {
    margin: 0 auto;
    width: 100%;
    text-align: left;
  }
  #marug #header_wrap,
  #marug #header_wrap.contact {
    top: 0;
    z-index: 999999;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #marug #header {
    max-width: 90%;
  }
  #marug #header_left img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0 0;
  }
  #marug #header_right img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0 0;
  }
  #marug #header_wrap.is-assist {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    background: #019ea8;
  }
  #marug .is-assist #header {
    flex-wrap: nowrap;
    justify-content: start;
    gap: clamp(0px, 10vw / var(--board) * 10 * 61, var(--max) * 61);
    margin-bottom: 0;
    column-gap: 0;
  }
  #marug .is-assist #header_left {
    display: flex;
    align-items: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    width: fit-content;
    height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
  }
  #marug .is-assist #header_right {
    align-items: center;
    height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
  }
  #marug .is-assist #header_left img {
    margin: 0;
  }
  #marug .is-assist .header-link-left.__1 {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  #marug .is-assist .header-link-left {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
  #marug .is-assist .header-link-right.__1 {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  }
  #marug .is-assist .header-logo {
    width: clamp(0px, 10vw / var(--board) * 10 * 195, var(--max) * 195);
    height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
  }
  #marug .is-assist .header-logo img {
    height: 100%;
  }
  #marug #menu div:first-child {
    /* border-left: none; */
  }
  #marug #menu div:last-child {
    border-right: none;
  }
  #marug #menu div a:link,
  #marug #menu div a:visited {
    color: #000;
    text-decoration: none;
  }
  #marug #menu div a:hover {
    color: #13919a;
    text-decoration: none;
  }
  #marug #mv {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #009ea8;
  }
  #marug #mv_title {
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0 0;
    width: 60%;
  }
  #marug #mv_logo {
    margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 60%;
  }
  #marug #mv_monitor {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 570, var(--max) * 570);
    right: 0;
    left: 0;
    display: none;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
  }
  #marug #mv_chara {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  }
  #marug div#mv:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  #marug #information {
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    width: 100%;
  }
  #marug #information h2 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
    color: #13919a;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  #marug #information h2 img {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  #marug #information_detail {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  }
  #marug #information_detail p {
    font-weight: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug #information ul {
    list-style: none;
  }
  #marug #information ul li p {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) 0;
  }
  #marug #information ul li span.news_date {
    display: block;
    float: left;
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
  }
  #marug #information ul li span.news_text {
    display: block;
    overflow: auto;
  }
  #marug #info_left {
    float: left;
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
  }
  #marug #info_right {
    float: right;
    width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  }
  #marug div#information:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  #marug #contents {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) auto;
    width: 90%;
  }
  #marug #contents img.mb40 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }
  /* con1 */
  #marug #con1 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0;
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con1_text1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    width: 70%;
  }
  #marug #con1_title2 {
    margin: 0 auto;
    width: 40%;
  }
  #marug #con1_text2 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con1_text2-left {
    position: absolute;
    top: 25%;
    left: 4%;
  }
  #marug #con1_text2-left p {
    text-align: center;
    font-size: 2vw;
  }
  #marug #con1_text2-right {
    position: absolute;
    top: 25%;
    right: 6%;
  }
  #marug #con1_text2-right p {
    text-align: center;
    font-size: 2vw;
  }
  #marug #con1_arrow {
    margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  #marug #con1_title3 {
    margin: 0 auto;
    width: 40%;
  }
  #marug #con1_text3 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con1_text3-left {
    position: absolute;
    top: 30%;
    left: 3%;
  }
  #marug #con1_text3-left p {
    text-align: center;
    font-weight: bold;
    font-size: 2vw;
  }
  #marug #con1_text3-left p span {
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff379;
    text-decoration: none;
  }
  #marug #con1_text3-right {
    position: absolute;
    top: 30%;
    right: 6%;
  }
  #marug #con1_text3-right p {
    text-align: center;
    font-weight: bold;
    font-size: 2vw;
  }
  #marug #con1_text3-right p span {
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff379;
    text-decoration: none;
  }
  #marug #con1_text4 {
    margin: 0 auto;
    width: 90%;
  }
  /* con2 */
  #marug #con2_title,
  #marug #con2_title2 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con2 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    width: 100%;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con2_text1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
  }
  #marug #con2_text1 p {
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_con2_img1 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_con2_text1 {
    position: absolute;
    right: 0;
    bottom: clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px);
    left: 0;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con2_img2 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_con2_text1 p {
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_text2 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto 0 auto;
  }
  #marug #con2_text2 p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_img3 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_text3 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto 0 auto;
  }
  #marug #con2_text3 p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_img4 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_title3 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con3 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    width: 100%;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con2_text4 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70) auto;
  }
  #marug #con2_text4 p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_con3_1 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_con3_1_left {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  }
  #marug #con2_con3_1_left p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    left: 10%;
    color: #fff;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug #con2_con3_1_right {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  }
  #marug #con2_con3_1_right img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 0 0;
  }
  #marug #con2_con3_1_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    left: 4%;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_con3_2 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_con3_2_left {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  }
  #marug #con2_con3_2_left p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    left: 10%;
    color: #fff;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug #con2_con3_2_right {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  }
  #marug #con2_con3_2_right img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 0 0;
  }
  #marug #con2_con3_2_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    left: 4%;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_text5 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) auto;
  }
  #marug #con2_text5 p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_img5 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_title4 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con4 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    width: 100%;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con2_text6 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
  }
  #marug #con2_text6 p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_img6 {
    position: relative;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_text7 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
  }
  #marug #con2_text7 p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_con4_1 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_con4_1_left {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
  }
  #marug #con2_con4_1_right {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 490, var(--max) * 490);
  }
  #marug #con2_con4_1_right img {
    margin: 0;
  }
  #marug #con2_con4_1_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    left: 5%;
    text-align: center;
    font-size: 1.8vw;
  }
  #marug #con2_con4_2 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_con4_2_left {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
  }
  #marug #con2_con4_2_right {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 490, var(--max) * 490);
  }
  #marug #con2_con4_2_right img {
    margin: 0;
  }
  #marug #con2_con4_2_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    left: 3%;
    text-align: center;
    font-size: 1.8vw;
  }
  #marug #con2_con5_1 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_con5_1_left {
    position: relative;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  }
  #marug #con2_con5_1_right {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con5_1_right img {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) 0 0 0;
    width: 100%;
  }
  #marug #con2_con5_1_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con3 {
    box-sizing: border-box;
    margin: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #6ab1b7;
  }
  #marug #con3_inner {
    box-sizing: border-box;
    margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con3_title1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 70%;
  }
  #marug #con3_con1_1 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con3_con1_1_left {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con3_con1_1_right {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con3_con1_1_right img {
    bottom: 0;
    left: 0;
    margin: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) 0 0 0;
  }
  #marug #con3_con1_1_right p {
    margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0 0 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  }
  #marug #con3_con1_1_right p:last-of-type {
    text-align: left;
    font-weight: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  #marug #con4 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #6ab1b7;
  }
  #marug #con4_inner {
    box-sizing: border-box;
    margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con4_title1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 70%;
  }
  #marug .con4_con1_1 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70) auto;
    width: fit-content;
  }
  #marug .con4_con1_1:last-of-type {
    margin: 0 auto;
  }
  #marug .con4_con1_1_btn {
    margin-top: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
    margin-right: auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 296, var(--max) * 296);
    box-shadow: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) 1px rgba(0, 0, 0, 0.16);
  }
  #marug .con4_con1_1_left {
    display: flex;
    margin: 0 5% 0 0;
    width: 25%;
  }
  #marug .con4_con1_1_left .w155 {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 155, var(--max) * 155);
  }
  #marug .con4_con1_1_left .w120 {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  #marug .con4_con1_1_right {
    width: 70%;
  }
  #marug .con4_con1_1_right p {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  #marug .con4_con1_1_right p:last-of-type {
    text-align: left;
    font-weight: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .caut {
    margin: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
    text-align: right;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug #pankuzu {
    margin: 0 auto;
    width: 90%;
  }
  #marug #pankuzu p {
    color: #000;
  }
  #marug #pankuzu a:link,
  #marug #pankuzu a:visited {
    color: #13919a;
    text-decoration: none;
  }
  #marug #pankuzu a:hover {
    color: #13919a;
    text-decoration: underline;
  }
  #marug #contents_contact {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  }
  #marug .logo_contact {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 50%;
  }
  #marug #contents_contact h2 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
    color: #13919a;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  #marug #contents_contact h3 {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug #contents_contact h4 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug h4.catch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #marug h4.catch:after {
    content: "";
    flex-grow: 1;
    border-top: 1px solid #13919a;
  }
  #marug h4.catch:after {
    margin-left: 1.5em;
  }
  #marug #contents_contact p {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .l-telbox {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
    width: 100%;
  }
  #marug .l-telbox.is-guide {
    margin: 0 auto;
    transform: none;
  }
  #marug .p-telitem {
    display: flex;
    gap: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
    color: #000;
  }
  #marug .p-telitem__name {
    display: flex;
    align-items: center;
    justify-content: right;
    width: clamp(0px, 10vw / var(--board) * 10 * 563, var(--max) * 563);
    text-align: right;
    white-space: nowrap;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  }
  #marug .p-telitem__tel {
    width: clamp(0px, 10vw / var(--board) * 10 * 310, var(--max) * 310);
    color: #13919a !important;
    vertical-align: middle;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  #marug .p-telitem__phonenumber {
    margin: 0 auto;
    color: #13919a;
    vertical-align: middle;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  #marug .p-guide-teldesc {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    color: #000;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-contacttime {
    margin: 0;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
    color: #000;
  }
  #marug .p-contacttime.is-guide {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
  }
  #marug .p-contacttime__time {
    display: flex;
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    vertical-align: middle;
    font-weight: normal;
  }
  #marug .p-contacttime__time-title {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-contacttime__time-data {
    display: flex;
    align-items: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .p-contacttime__desc {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 422, var(--max) * 422);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug #footer_wrap {
    margin: 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    width: 100%;
    background: #d9d9d9;
  }
  #marug #footer_wrap.is-assist {
    background: #019ea8;
  }
  #marug #footer {
    margin: 0 auto;
    width: 90%;
  }
  #marug #footer_left {
    float: left;
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 0;
    width: 30%;
  }
  #marug #footer_left img.marug {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
    width: 100%;
  }
  #marug #footer_left img.benesse {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138);
  }
  #marug #footer_left p {
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #footer_right {
    position: relative;
    float: right;
    width: calc(70% - clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60));
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  #marug #footer_right p {
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug #footer_right a:link,
  #footer_right a:visited {
    color: #000;
    text-decoration: none;
  }
  #marug #footer_right a:hover {
    color: #000;
    text-decoration: underline;
  }
  #marug .is-assist #footer_left p,
  #marug .is-assist #footer_right,
  #marug .is-assist #footer_right a {
    color: #fff;
  }
  #marug img.chara {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    right: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: 20%;
  }
  #marug .is-assist .footer_right_links {
    position: relative;
    z-index: 2;
    width: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
  }
  #marug .is-assist img.chara {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    right: clamp(0px, 10vw / var(--board) * 10 * 247.1, var(--max) * 247.1);
    width: clamp(0px, 10vw / var(--board) * 10 * 96.9, var(--max) * 96.9);
  }
  #marug img.banner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  }
  #marug .is-assist img.footer_right_logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 152, var(--max) * 152);
  }
  #marug div#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  #marug .footer_benesse {
    width: 90%;
  }
  #marug .acd-label {
    display: block;
    cursor: pointer;
  }
  #marug .acd-content {
    visibility: hidden;
    height: 0;
    transition: 0s;
  }
  #marug .acd-check:checked + .acd-label + .acd-content {
    visibility: visible;
    height: auto;
    opacity: 1;
  }
  #marug #awards {
    margin: 0 auto;
    width: 100%;
  }
  #marug .award_title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  #marug .awardsFlex {
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  #marug .awardsCon {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  }
  #marug .award_desc {
    width: clamp(0px, 10vw / var(--board) * 10 * 500, var(--max) * 500);
  }
  /* guide */
  #marug .p-assist-pages-title {
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
    width: clamp(0px, 10vw / var(--board) * 10 * 376.13, var(--max) * 376.13);
  }
  #marug .p-assist-pages-title h2 {
    margin: 0;
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  #marug .assist-page-title-chara-left {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    width: clamp(0px, 10vw / var(--board) * 10 * 44.27, var(--max) * 44.27);
    height: clamp(0px, 10vw / var(--board) * 10 * 42.2, var(--max) * 42.2);
  }
  #marug .assist-page-title-chara-right {
    width: clamp(0px, 10vw / var(--board) * 10 * 56.86, var(--max) * 56.86);
    height: clamp(0px, 10vw / var(--board) * 10 * 55.71, var(--max) * 55.71);
  }
  #marug #contents_guide {
    margin: 0 auto;
    width: 100%;
  }
  #marug .p-guidelogo {
    margin: 0 auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 479.64, var(--max) * 479.64);
    height: clamp(0px, 10vw / var(--board) * 10 * 109, var(--max) * 109);
  }
  #marug .p-menus {
    display: flex;
    gap: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 62.3, var(--max) * 62.3);
    width: max-content;
  }
  #marug .p-menus a {
    position: relative;
    display: flex;
    overflow: visible;
    align-items: center;
    justify-content: center;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
    width: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
    background: #d9d9d9;
    color: #1e9fa1;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-family: "ヒラギノ角ゴ ProN";
    line-height: 1.4;
  }
  #marug .p-menus .g-is-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
    height: clamp(0px, 10vw / var(--board) * 10 * 69, var(--max) * 69);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
    background: #00a2a3;
    color: #fff;
  }
  #marug .p-menus-items__newmark {
    position: absolute;
    top: clamp(var(--max) * -64, 10vw / var(--board) * 10 * -64, 0px);
    left: 0;
    z-index: 9999;
    width: clamp(0px, 10vw / var(--board) * 10 * 40.73, var(--max) * 40.73);
    height: clamp(0px, 10vw / var(--board) * 10 * 69.8, var(--max) * 69.8);
  }
  #marug .p-document {
    position: relative;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    width: 100%;
    border-top: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13) #00a5a5 solid;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug .p-document:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -7;
    width: 100%;
    height: 100%;
    background-color: #ebf7ee;
  }
  #marug .p-document__setting {
    height: clamp(0px, 10vw / var(--board) * 10 * 3012, var(--max) * 3012);
  }
  #marug .p-document__ready {
    height: clamp(0px, 10vw / var(--board) * 10 * 2327, var(--max) * 2327);
  }
  #marug .p-document__lesson {
    height: clamp(0px, 10vw / var(--board) * 10 * 2298, var(--max) * 2298);
  }
  #marug .p-document__test2 {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 181, var(--max) * 181);
  }
  #marug .p-document__help {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 59, var(--max) * 59);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 285, var(--max) * 285);
    height: fit-content;
  }
  #marug .p-document__setting:before {
    content: "";
    position: absolute;
    right: -100%;
    left: -100%;
    z-index: -1;
    margin: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
    height: clamp(0px, 10vw / var(--board) * 10 * 2983, var(--max) * 2983);
    background-color: #ebf7ee;
    background-image: url("../../image/marugland/guide/bg_setting.png");
    background-position-y: 0;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #marug .p-document__lesson:before {
    content: "";
    position: absolute;
    right: -100%;
    left: -100%;
    /* margin:0 calc(50% - 50vw); */
    z-index: -1;
    margin: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 1100, var(--max) * 1100);
    height: clamp(0px, 10vw / var(--board) * 10 * 2298, var(--max) * 2298);
    background-color: #ebf7ee;
    background-image: url("../../image/marugland/guide/bg_lesson.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  #marug .p-document__title {
    z-index: 12;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 92, var(--max) * 92);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    width: fit-content;
    height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25) solid yellow;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 100%;
  }
  #marug .p-document-desc {
    position: relative;
    z-index: 3;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
    color: #293057;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .p-document-desc p {
    margin: 0;
    line-height: 1.6875;
  }
  #marug .p-document-desc .p-document-desc__note {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    font-family: "ヒラギノ角ゴ StdN";
    line-height: 1.7142857143;
  }
  #marug .p-document-frame {
    position: relative;
    box-sizing: content-box;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 884, var(--max) * 884);
    width: calc(100% - (clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) + clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52) * 2));
    height: auto;
    border: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) solid #6ab1b7;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    background-color: #6ab1b7;
  }
  #marug .p-document .footer-notes {
    position: absolute;
    right: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 129, var(--max) * 129);
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .p-document .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 57, var(--max) * 57);
  }
  #marug .p-document__ready .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
  #marug .p-document__test2 .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 148, var(--max) * 148);
  }
  #marug .p-document__lesson .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 73, var(--max) * 73);
  }
  #marug .p-document-frame__inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    height: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    background: #fff;
  }
  #marug .p-document-frame__inner-text__sb {
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .p-document__lesson .p-document-frame__inner {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  #marug .p-document-frame__inner-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: fit-content;
    height: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    background-color: #6ab1b7;
    color: #fff;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    font-family: "ヒラギノ角ゴ ProN", sans-serif;
  }
  #marug .p-document-frame__inner-movie {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    width: clamp(0px, 10vw / var(--board) * 10 * 417, var(--max) * 417);
    height: clamp(0px, 10vw / var(--board) * 10 * 237, var(--max) * 237);
    background: #777;
  }
  #marug .p-guide-movie {
    width: 100%;
    height: 100%;
  }
  #marug .p-document-frame__inner-text {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.6875;
  }
  #marug .p-frame-ready-decoration {
    position: absolute;
    top: clamp(var(--max) * -131, 10vw / var(--board) * 10 * -131, 0px);
    right: clamp(var(--max) * -21, 10vw / var(--board) * 10 * -21, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  }
  #marug .p-test2-decoration-l {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 258.3, var(--max) * 258.3);
    left: clamp(var(--max) * -12, 10vw / var(--board) * 10 * -12, 0px);
    z-index: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 183.56, var(--max) * 183.56);
    height: clamp(0px, 10vw / var(--board) * 10 * 179.68, var(--max) * 179.68);
  }
  #marug .p-test2-decoration-l-layer2 {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 348.6, var(--max) * 348.6);
    left: clamp(0px, 10vw / var(--board) * 10 * 37.2, var(--max) * 37.2);
    z-index: 2;
    width: clamp(0px, 10vw / var(--board) * 10 * 122.48, var(--max) * 122.48);
    height: clamp(0px, 10vw / var(--board) * 10 * 81.56, var(--max) * 81.56);
  }
  #marug .p-test2-decoration-r {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 265.3, var(--max) * 265.3);
    right: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    z-index: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 171.12, var(--max) * 171.12);
    height: clamp(0px, 10vw / var(--board) * 10 * 166.07, var(--max) * 166.07);
  }
  #marug .p-test2-decoration-r-layer2 {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 353.3, var(--max) * 353.3);
    right: clamp(0px, 10vw / var(--board) * 10 * 37.2, var(--max) * 37.2);
    z-index: 2;
    width: clamp(0px, 10vw / var(--board) * 10 * 133.06, var(--max) * 133.06);
    height: clamp(0px, 10vw / var(--board) * 10 * 80.7, var(--max) * 80.7);
  }
  #marug .p-frame-lesson-decoration-1 {
    position: absolute;
    top: clamp(var(--max) * -93, 10vw / var(--board) * 10 * -93, 0px);
    left: clamp(var(--max) * -56, 10vw / var(--board) * 10 * -56, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 92.99, var(--max) * 92.99);
  }
  #marug .p-frame-lesson-decoration-2 {
    position: absolute;
    top: clamp(var(--max) * -64, 10vw / var(--board) * 10 * -64, 0px);
    right: clamp(0px, 10vw / var(--board) * 10 * 134.5, var(--max) * 134.5);
    width: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
  }
  #marug .p-document__link-list {
    display: flex;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 845, var(--max) * 845);
    width: 82%;
  }
  #marug .p-documnnt__link-list.g-is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 97, var(--max) * 97);
  }
  #marug .p-document__link-list div {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 0;
    width: 100%;
    border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #00295f;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    background: #fff;
    color: #00295f;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-document__link-list div:not(:first-child) {
    margin-left: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
  }
  #marug .p-document__link-list .g-is-selected {
    border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #00295f;
    background: #00285b;
    color: #fff;
  }
  #marug .p-document__link-list div:not(:first-child) {
    margin-left: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
  }
  #marug .p-document__link-list div:nth-child(1) {
    width: clamp(0px, 10vw / var(--board) * 10 * 143, var(--max) * 143);
  }
  #marug .p-document__link-list div:nth-child(2) {
    width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
  }
  #marug .p-document__link-list div:nth-child(3) {
    width: clamp(0px, 10vw / var(--board) * 10 * 177, var(--max) * 177);
  }
  #marug .p-document__link-list div:nth-child(4) {
    width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  }
  #marug .p-document__link-list a {
    color: #00295f;
  }
  #marug .g-is-selected a {
    color: #fff;
  }
  #marug .p-link-list-items__newmark {
    position: absolute;
    top: clamp(var(--max) * -65, 10vw / var(--board) * 10 * -65, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    width: clamp(0px, 10vw / var(--board) * 10 * 40.73, var(--max) * 40.73);
    height: clamp(0px, 10vw / var(--board) * 10 * 69.8, var(--max) * 69.8);
  }
  #marug .p-help-accordion {
    position: relative;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    padding: clamp(0px, 10vw / var(--board) * 10 * 11.5, var(--max) * 11.5) 0;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 920, var(--max) * 920);
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104));
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) 0 0;
    background: #00a5a5;
  }
  #marug .p-help-accordion.g-is-1st {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
  }
  #marug .p-help-accordion__title {
    display: flex;
    justify-content: center;
    color: #fff;
  }
  #marug .p-help-accordion__title .is-sp2line .spI {
    display: inline;
  }
  #marug .p-help-accordion__icon {
    position: absolute;
    top: 0;
  }
  #marug .p-help-accordion__body {
    margin: 0 auto;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 880, var(--max) * 880);
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 144, var(--max) * 144));
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18) clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    background: #fff;
  }
  #marug .p-help-accordion__body-inner__sp-wide,
  #marug .p-help-accordion__body-inner {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 520, var(--max) * 520);
  }
  #marug .p-help-accordion__icon {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    right: clamp(0px, 10vw / var(--board) * 10 * 21.1, var(--max) * 21.1);
    width: clamp(0px, 10vw / var(--board) * 10 * 31.75, var(--max) * 31.75);
    height: clamp(0px, 10vw / var(--board) * 10 * 17.21, var(--max) * 17.21);
    border: 0;
    background: transparent;
    background-image: url(../../image/marugland/guide/arrow.png);
    background-size: cover;
    cursor: pointer;
  }
  #marug .js-active .p-help-accordion__icon {
    transform: rotate(180deg);
  }
  #marug .p-help-accordion__body {
    overflow-y: hidden;
    padding: 0;
    max-height: 0;
  }
  #marug .js-active + .p-help-accordion__body {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
  }
  #marug .p-manual-img {
    display: flex;
    gap: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 646, var(--max) * 646);
  }
  #marug .p-manual-img__file {
    width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
    height: clamp(0px, 10vw / var(--board) * 10 * 209, var(--max) * 209);
  }
  #marug .g-l-manual-img-box {
    display: flex;
    justify-content: center;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  #marug .p-manual-img figure {
    margin: 0;
  }
  #marug .p-manual-img figcaption {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.6875;
  }
  #marug .p-help-accordion__body-inner__sp-wide p,
  #marug .p-help-accordion__body-inner p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.6875;
  }
  #marug .p-help-accordion__body-inner__sp-wide h4,
  #marug .p-help-accordion__body-inner h4 {
    text-align: left;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    line-height: 1.7222222222;
  }
  #marug .u-note {
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.7142857143;
  }
  #marug div .u-p-mb-5 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  }
  #marug div .u-p-mb-10 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug div .u-p-mb-18 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug div .u-p-mb-30 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  #marug div .u-p-mb-xs {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
  #marug div .u-p-mb-s {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  #marug div .u-p-mb-m {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  }
  #marug div .u-p-mb-50 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  #marug .p-help-bgimg__1 {
    position: absolute;
    top: 0;
    right: clamp(0px, 10vw / var(--board) * 10 * 89, var(--max) * 89);
    width: clamp(0px, 10vw / var(--board) * 10 * 183.59, var(--max) * 183.59);
  }
  #marug .p-help-bgimg__2 {
    position: absolute;
    top: clamp(var(--max) * -136, 10vw / var(--board) * 10 * -136, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
    width: clamp(0px, 10vw / var(--board) * 10 * 81.72, var(--max) * 81.72);
  }
  #marug .p-help-bgimg__3 {
    position: absolute;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 80.2, var(--max) * 80.2);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 183.59, var(--max) * 183.59);
    transform: translateX(-50%);
  }
  #marug .p-footer__trademarks {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: calc(100vw - clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104));
    color: #707070;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.7142857143;
  }
  #marug .is-assist .p-footer__trademarks {
    color: #fff;
  }
  #marug .p-pv {
    margin: 0 auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 53.1, var(--max) * 53.1);
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  #marug .p-pv__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
    height: clamp(0px, 10vw / var(--board) * 10 * 413.92, var(--max) * 413.92);
  }
  #marug #information .p-pv__title {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    line-height: 100%;
  }
  #marug .p-pv__title-time {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .spI {
    display: none;
  }
  /* 202503 追加 */
  #marug .pNav {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  #marug .pNav ul {
    grid-gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
@media (max-width: 768px) {
  /* CSS Document */
  /* ▼common */
  body #marug {
    overflow-x: hidden;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug a.anchor {
    display: block;
    margin-top: clamp(var(--max) * -110, 10vw / var(--board) * 10 * -110, 0px);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  }
  #marug p {
    margin: 0 0 1.5em 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    line-height: 180%;
  }
  #marug h1 {
    font-weight: lighter;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  #marug h2 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  #marug h3 {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug h4 {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug .pc,
  #marug .tb {
    display: none;
  }
  #marug .sp {
    display: block;
  }
  /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  BASE
  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  #marug #wrapper {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    text-align: left;
  }
  #marug #header_wrap {
    top: 0;
    z-index: 99999;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #marug #header_wrap.contact {
    top: 0;
    z-index: 99999;
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
    padding: 0;
    width: 100%;
  }
  #marug #header {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    max-width: 90%;
    column-gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  #marug #header_left {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  #marug #header_left img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0 0 0;
  }
  #marug #header_left .benesse {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  #marug #header_right img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 153.57, var(--max) * 153.57);
    height: clamp(0px, 10vw / var(--board) * 10 * 37.73, var(--max) * 37.73);
  }
  #marug #header_wrap.is-assist {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    background: #019ea8;
  }
  #marug .is-assist #header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
  #marug .is-assist #header_left {
    display: flex;
    flex-wrap: wrap;
    width: clamp(0px, 10vw / var(--board) * 10 * 162, var(--max) * 162);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  }
  #marug .is-assist .header-link-left {
    width: 50%;
  }
  #marug .is-assist .header-link-left.a-1 {
    order: 1;
  }
  #marug .is-assist .header-link-left.a-2 {
    order: 3;
  }
  #marug .is-assist .header-link-left.a-3 {
    order: 2;
  }
  #marug .is-assist #header_right {
    display: block;
    width: clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug .is-assist .header-link-right.__1 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  #marug .is-assist .header-logo {
    width: clamp(0px, 10vw / var(--board) * 10 * 134, var(--max) * 134);
  }
  #marug #menu {
    margin: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) auto;
    padding: 0;
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug #menu div:first-child {
    border-left: none;
  }
  #marug #menu div:last-child {
    border-right: none;
  }
  #marug #menu div a:link,
  #marug #menu div a:visited {
    color: #000;
    text-decoration: none;
  }
  #marug #menu div a:hover {
    color: #13919a;
    text-decoration: none;
  }
  #marug #mv {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #009ea8;
  }
  #marug #mv_title {
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0 0;
    width: 70%;
  }
  #marug #mv_logo {
    /*margin: 40px auto 40px auto;*/
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0 auto;
    width: 70%;
  }
  #marug #mv_chara {
    margin: 0 auto;
    width: 90%;
  }
  #marug #mv_monitor {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 570, var(--max) * 570);
    right: 0;
    left: 0;
    display: none;
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
  }
  #marug div#mv:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  #marug #information {
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    width: 100%;
  }
  #marug #information h2 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
    color: #13919a;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  #marug #information h2 img {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  #marug #information_detail {
    margin: 0 auto;
    width: 90%;
  }
  #marug #information_detail p {
    font-weight: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #information_detail li {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #informaint_line p {
    margin: 0;
  }
  #marug #information ul {
    list-style: none;
  }
  #marug #information ul li p {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) 0;
  }
  #marug #information ul li span.news_date {
    display: block;
    float: left;
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
  }
  #marug #information ul li span.news_text {
    display: block;
    overflow: auto;
  }
  #marug #info_left {
    float: left;
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
  }
  #marug #info_right {
    float: right;
    width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  }
  #marug div#information:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  #marug #contents {
    margin: 0 auto;
    width: 90%;
  }
  #marug #contents img.mb40 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
  }
  #marug .btn_form {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con1 + .btn_form,
  #marug #con4 + .btn_form {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  #marug .acd-content + .btn_form {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  /* con1 */
  #marug #con1 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0;
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con1_text1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con1_title2 {
    margin: 0 auto;
    width: 40%;
  }
  #marug #con1_text2 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con1_text2-left {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    left: 3%;
  }
  #marug #con1_text2-left p {
    text-align: center;
    font-size: 2.5vw;
  }
  #marug #con1_text2-right {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    right: 4%;
  }
  #marug #con1_text2-right p {
    text-align: center;
    font-size: 2.5vw;
  }
  #marug #con1_arrow {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  #marug #con1_title3 {
    margin: 0 auto;
    width: 40%;
  }
  #marug #con1_text3 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con1_text3-left {
    position: absolute;
    top: 22%;
    left: 4.7%;
  }
  #marug #con1_text3-left p {
    text-align: center;
    font-weight: bold;
    font-size: 2.5vw;
  }
  #marug #con1_text3-left p span {
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff379;
    text-decoration: none;
  }
  #marug #con1_text3-right {
    position: absolute;
    top: 22%;
    right: 4%;
  }
  #marug #con1_text3-right p {
    text-align: center;
    font-weight: bold;
    font-size: 2.5vw;
  }
  #marug #con1_text3-right p span {
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff379;
    text-decoration: none;
  }
  #marug #con1_text4 {
    margin: 0 auto;
    width: 90%;
  }
  /* con2_title */
  #marug #con2_title {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 100%;
  }
  #marug #con2_title2 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con2 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    width: 100%;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con2_text1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 90%;
  }
  #marug #con2_text1 p {
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_con2_img1 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_con2_text1 {
    position: static;
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 100%;
  }
  #marug #con2_con2_img2 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_con2_text1 p {
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_text2 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 90%;
  }
  #marug #con2_text2 p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_img3 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_text3 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 90%;
  }
  #marug #con2_text3 p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_img4 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug .point2,
  #marug .point3 {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  #marug #con2_title3 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con3 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    width: 100%;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con2_text4 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_text4 p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_con3_1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_con3_1_left {
    position: relative;
    margin: 0 auto;
    width: 50%;
  }
  #marug #con2_con3_1_left img {
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
  }
  #marug #con2_con3_1_left p {
    position: absolute;
    top: 8%;
    left: 18%;
    color: #fff;
    text-align: center;
    font-size: 3vw;
  }
  #marug #con2_con3_1_right {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0 auto;
    width: 100%;
  }
  #marug #con2_con3_1_right img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0 0;
  }
  #marug #con2_con3_1_right p {
    position: static;
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    padding: 0 5%;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_con3_2 {
    flex-direction: column;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_con3_2_left {
    position: relative;
    margin: 0 auto;
    width: 50%;
  }
  #marug #con2_con3_2_left img {
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
  }
  #marug #con2_con3_2_left p {
    position: absolute;
    top: 8%;
    left: 18%;
    color: #fff;
    text-align: center;
    font-size: 3vw;
  }
  #marug #con2_con3_2_right {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0 auto;
    width: 100%;
  }
  #marug #con2_con3_2_right img {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0 0;
  }
  #marug #con2_con3_2_right p {
    position: static;
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    text-align: center;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_text5 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 90%;
  }
  #marug #con2_text5 p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_img5 {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  #marug #con2_title4 {
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con4 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    width: 100%;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con2_text6 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 90%;
  }
  #marug #con2_text6 p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_img6 {
    position: relative;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_text7 {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_text7 p {
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con2_con4_1 {
    flex-direction: column;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 90%;
  }
  #marug #con2_con4_1_left {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con4_1_right {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con4_1_right img {
    margin: 0;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }
  #marug #con2_con4_1_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    left: 3%;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_con4_2 {
    flex-direction: column;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto;
    width: 90%;
  }
  #marug #con2_con4_2_left {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con4_2_right {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con2_con4_2_right img {
    margin: 0;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }
  #marug #con2_con4_2_right p {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    left: 0.5%;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con2_con5_1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 90%;
  }
  #marug #con2_con5_1_left {
    position: relative;
    margin: 0 auto;
    width: 50%;
  }
  #marug #con2_con5_1_right {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0 auto;
    width: 100%;
  }
  #marug #con2_con5_1_right img {
    margin: 0;
    padding: 0;
  }
  #marug #con2_con5_1_right p {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con3 {
    box-sizing: border-box;
    margin: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #6ab1b7;
  }
  #marug #con3_inner {
    box-sizing: border-box;
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con3_title1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 100%;
  }
  #marug #con3_con1_1 {
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con3_con1_1_left {
    position: relative;
    margin: 0 auto;
    width: 100%;
  }
  #marug #con3_con1_1_right {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) auto 0;
    width: 100%;
  }
  #marug #con3_con1_1_right img {
    bottom: 0;
    left: 0;
    margin: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75) 0 0 0;
  }
  #marug #con3_con1_1_right p {
    margin-top: 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #con3_con1_1_right p:last-of-type {
    text-align: left;
    font-weight: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #con4 {
    box-sizing: border-box;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #6ab1b7;
  }
  #marug #con4_inner {
    box-sizing: border-box;
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background: #eff7f0;
  }
  #marug #con4_title1 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 100%;
  }
  #marug .con4_con1_1 {
    display: flex;
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) auto;
    width: 100%;
  }
  #marug .con4_con1_1:last-of-type {
    margin: 0 auto;
  }
  #marug .con4_con1_1_btn {
    margin-right: auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    margin-left: auto;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 296, var(--max) * 296);
    width: 89%;
  }
  #marug .con4_con1_1_btn a img {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    box-shadow: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) 1px rgba(0, 0, 0, 0.16);
  }
  #marug .con4_con1_1_left {
    display: flex;
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
    width: 100%;
  }
  #marug .con4_con1_1_left .w155 {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 125, var(--max) * 125);
  }
  #marug .con4_con1_1_left .w120 {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  }
  #marug .con4_con1_1_right {
    width: 100%;
  }
  #marug .con4_con1_1_right p {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    text-align: left;
    font-weight: bold;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .con4_con1_1_right p:last-of-type {
    text-align: left;
    font-weight: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .caut p {
    margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
    text-align: right;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug #con5 {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  #marug #pankuzu {
    margin: 0 auto;
    width: 90%;
  }
  #marug #pankuzu p {
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug #pankuzu a:link,
  #marug #pankuzu a:visited {
    color: #13919a;
    text-decoration: none;
  }
  #marug #pankuzu a:hover {
    color: #13919a;
    text-decoration: underline;
  }
  #marug #contents_contact {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) auto;
    width: 90%;
  }
  #marug .logo_contact {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) auto;
    width: 50%;
  }
  #marug #contents_contact h2 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
    color: #13919a;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  #marug #contents_contact h3 {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug #contents_contact h4 {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) 0;
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-telitem {
    color: #000;
  }
  #marug .is-guide .p-telitem {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #marug .p-telitem__name {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.4166666667;
  }
  #marug .p-telitem__name.__2 {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug .p-telitem__tel {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    text-align: center;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    line-height: 1.3611111111;
  }
  #marug .p-telitem__phonenumber {
    display: flex;
    align-items: center;
    height: clamp(0px, 10vw / var(--board) * 10 * 49, var(--max) * 49);
    color: #13919a;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  #marug .p-guide-teldesc {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    color: #000;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug .is-guide .p-guide-teldesc {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug .p-contacttime {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
    color: #000;
  }
  #marug .p-contacttime.is-guide {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  }
  #marug .p-contacttime__time-title {
    text-align: center;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-contacttime__time-data {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .is-guide .p-contacttime__time-data {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  }
  #marug .p-contacttime__desc {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug .is-guide .p-contacttime__desc {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 43.6, var(--max) * 43.6);
    width: 90%;
  }
  #marug h4.catch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #marug h4.catch:after {
    content: "";
    flex-grow: 1;
    margin-left: 1.5em;
    border-top: 1px solid #13919a;
  }
  #marug #contents_contact p {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .p-telitem__tel {
    color: #13919a !important;
    vertical-align: middle;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  #marug #footer_wrap {
    margin: 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) 0;
    width: 100%;
    background: #d9d9d9;
  }
  #marug #footer_wrap.is-assist {
    background: #019ea8;
  }
  #marug #footer {
    margin: 0 auto;
    width: 90%;
  }
  #marug #footer_left {
    float: left;
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138);
  }
  #marug #footer_left img.marug {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0;
    width: 100%;
  }
  #marug #footer_left img.benesse {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 138, var(--max) * 138);
  }
  #marug .footer_sns a {
    width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  #marug #footer_left p {
    color: #000;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  #marug #footer_right {
    position: relative;
    float: right;
    justify-content: space-between;
    width: calc(70% - clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60));
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }
  #marug .is-assist #footer_right {
    height: clamp(0px, 10vw / var(--board) * 10 * 282, var(--max) * 282);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    line-height: 1.9230769231;
  }
  #marug #footer_right a:link,
  #marug #footer_right a:visited {
    color: #000;
    text-decoration: none;
  }
  #marug #footer_right a:hover {
    color: #000;
    text-decoration: underline;
  }
  #marug .is-assist #footer_left p,
  #marug .is-assist #footer_right,
  #marug .is-assist #footer_right a {
    color: #fff;
  }
  #marug img.chara {
    position: absolute;
    right: 0;
    bottom: 0;
    visibility: collapse;
    width: 40%;
  }
  #marug .is-assist img.chara {
    bottom: 0;
    left: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 55.96, var(--max) * 55.96);
  }
  #marug img.banner {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  }
  #marug .is-assist .footer_right_logo {
    position: absolute;
    right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    bottom: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 108, var(--max) * 108);
  }
  #marug div#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  #marug .footer_benesse {
    gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 90%;
    line-height: 1.3;
  }
  #marug .footer_benesse_left {
    gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  #marug .footer_benesse_copyright {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug .footer_benesse_logo > img {
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  #marug .acd-label {
    display: block;
    cursor: pointer;
  }
  #marug .acd-content {
    visibility: hidden;
    height: 0;
    transition: 0s;
  }
  #marug .acd-check:checked + .acd-label + .acd-content {
    visibility: visible;
    height: auto;
    opacity: 1;
  }
  #marug .accordion {
    padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .accordion:hover {
    opacity: 1;
  }
  #marug .accordion .title {
    margin-top: 0.5em;
  }
  #marug .accordion_left {
    display: block;
  }
  #marug .panel p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) !important;
  }
  #marug .award_image {
    margin-top: 0;
  }
  #marug .award_image img {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
    height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  }
  #marug #awards {
    margin: 0 auto;
    width: 100%;
  }
  #marug .award_title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .award_subtitle {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .awardsFlex {
    flex-direction: column;
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  #marug .awardsCon {
    margin: 0 auto;
    width: 90%;
  }
  #marug .award_desc {
    width: 100%;
  }
  #marug .award_desc p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  /* guide */
  #marug .p-assist-pages-title {
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
    width: fit-content;
  }
  #marug .p-assist-pages-title h2 {
    margin: 0;
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 10.1, var(--max) * 10.1);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  }
  #marug .assist-page-title-chara-left {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 10.4, var(--max) * 10.4);
    width: clamp(0px, 10vw / var(--board) * 10 * 35.5, var(--max) * 35.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 33.84, var(--max) * 33.84);
  }
  #marug .assist-page-title-chara-right {
    width: clamp(0px, 10vw / var(--board) * 10 * 45.59, var(--max) * 45.59);
    height: clamp(0px, 10vw / var(--board) * 10 * 44.68, var(--max) * 44.68);
  }
  #marug #contents_guide {
    margin: 0 auto;
    width: 100%;
  }
  #marug .p-guidelogo {
    margin: 0 auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 379.35, var(--max) * 379.35);
    height: clamp(0px, 10vw / var(--board) * 10 * 86.19, var(--max) * 86.19);
  }
  #marug .p-menus {
    display: flex;
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 57.7, var(--max) * 57.7);
    width: clamp(0px, 10vw / var(--board) * 10 * 372, var(--max) * 372);
  }
  #marug .p-menus a {
    position: relative;
    display: flex;
    overflow: visible;
    align-items: center;
    justify-content: center;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    height: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
    background: #d9d9d9;
    color: #1e9fa1;
    text-align: center;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
    font-family: "ヒラギノ角ゴ ProN";
  }
  #marug .p-menus .g-is-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    height: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
    background: #00a2a3;
    color: #fff;
  }
  #marug .p-menus-items__newmark {
    position: absolute;
    top: clamp(var(--max) * -40, 10vw / var(--board) * 10 * -40, 0px);
    left: 0;
    z-index: 9999;
    width: clamp(0px, 10vw / var(--board) * 10 * 26.68, var(--max) * 26.68);
    height: clamp(0px, 10vw / var(--board) * 10 * 45.74, var(--max) * 45.74);
  }
  #marug .p-document {
    position: relative;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: 100%;
    border-top: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7) #00a5a5 solid;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug .p-document:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -7;
    width: 100%;
    height: 100%;
    background-color: #ebf7ee;
  }
  #marug .p-document__setting {
    position: relative;
    z-index: -1;
    height: clamp(0px, 10vw / var(--board) * 10 * 2184, var(--max) * 2184);
  }
  #marug .p-document__ready {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  #marug .p-document__test2 {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  #marug .p-document__lesson {
    height: clamp(0px, 10vw / var(--board) * 10 * 1660, var(--max) * 1660);
  }
  #marug .p-document__help {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 174, var(--max) * 174);
    height: fit-content;
  }
  #marug .p-document__setting:before {
    content: "";
    position: absolute;
    left: 50%;
    z-index: -1;
    width: clamp(0px, 10vw / var(--board) * 10 * 414, var(--max) * 414);
    height: clamp(0px, 10vw / var(--board) * 10 * 2184, var(--max) * 2184);
    background-color: #ebf7ee;
    background-image: url("../../image/marugland/guide/bg_setting_sp.png");
    background-position-x: center;
    background-position-y: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate3d(-50%, 0, 0);
  }
  #marug .p-document__lesson:before {
    content: "";
    position: absolute;
    left: 50%;
    z-index: -1;
    width: clamp(0px, 10vw / var(--board) * 10 * 414, var(--max) * 414);
    height: clamp(0px, 10vw / var(--board) * 10 * 1643, var(--max) * 1643);
    background-color: #ebf7ee;
    background-image: url("../../image/marugland/guide/bg_lesson_sp.png");
    background-position-x: center;
    background-position-y: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate3d(-50%, 0, 0);
  }
  #marug .p-document__title {
    z-index: 12;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    width: fit-content;
    height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13) solid yellow;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  #marug .p-document-desc {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
    width: clamp(0px, 10vw / var(--board) * 10 * 373, var(--max) * 373);
    height: clamp(0px, 10vw / var(--board) * 10 * 112, var(--max) * 112);
    color: #293057;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.6666666667;
  }
  #marug .p-document__test2 .p-document-desc {
    height: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  #marug .p-document-desc p {
    margin: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    font-family: "ヒラギノ角ゴ StdN";
    line-height: 1.6666666667;
  }
  #marug .p-document-desc .p-document-desc__note {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-weight: 700;
  }
  #marug .p-document-frame {
    position: relative;
    box-sizing: content-box;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    width: clamp(0px, 10vw / var(--board) * 10 * 357, var(--max) * 357);
    height: auto;
    border: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15) solid #6ab1b7;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    background-color: #6ab1b7;
  }
  #marug .p-document .footer-notes {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug .p-document .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
  }
  #marug .p-document__test2 .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 147, var(--max) * 147);
  }
  #marug .p-document__ready .p-document-frame.is-first {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  }
  #marug .p-document-frame__inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
    width: 100%;
    height: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    background: #fff;
  }
  #marug .is-lesson-2 .p-document-frame__inner {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
  }
  #marug .p-document-frame__inner-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: fit-content;
    height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    background-color: #6ab1b7;
    color: #fff;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    font-family: "ヒラギノ角ゴ ProN", sans-serif;
  }
  #marug .p-document-frame__inner-movie {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: clamp(0px, 10vw / var(--board) * 10 * 265, var(--max) * 265);
    height: clamp(0px, 10vw / var(--board) * 10 * 151.91, var(--max) * 151.91);
    background: #777;
  }
  #marug .p-guide-movie {
    width: 100%;
    height: 100%;
  }
  #marug .p-document-frame__inner-text {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: clamp(0px, 10vw / var(--board) * 10 * 265, var(--max) * 265);
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.7142857143;
  }
  #marug .p-frame-ready-decoration {
    position: absolute;
    top: clamp(var(--max) * -55, 10vw / var(--board) * 10 * -55, 0px);
    right: clamp(var(--max) * -5, 10vw / var(--board) * 10 * -5, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 79, var(--max) * 79);
  }
  #marug .u-show-sp {
    display: block;
  }
  #marug .u-hide-sp {
    display: none;
  }
  #marug .p-frame-lesson-decoration-1 {
    position: absolute;
    top: clamp(var(--max) * -40, 10vw / var(--board) * 10 * -40, 0px);
    left: clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 41.31, var(--max) * 41.31);
  }
  #marug .p-frame-lesson-decoration-2 {
    position: absolute;
    top: clamp(var(--max) * -29, 10vw / var(--board) * 10 * -29, 0px);
    right: clamp(0px, 10vw / var(--board) * 10 * 63, var(--max) * 63);
    width: clamp(0px, 10vw / var(--board) * 10 * 16.04, var(--max) * 16.04);
  }
  #marug .p-test2-decoration {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 254.5, var(--max) * 254.5);
    left: 50%;
    z-index: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 387, var(--max) * 387);
    height: clamp(0px, 10vw / var(--board) * 10 * 69, var(--max) * 69);
    transform: translateX(-50%);
  }
  #marug .p-test2-decoration.is-layer2 {
    z-index: 1;
  }
  #marug .p-test2-decoration-l {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
    left: clamp(var(--max) * -4, 10vw / var(--board) * 10 * -4, 0px);
    z-index: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 66.96, var(--max) * 66.96);
    height: clamp(0px, 10vw / var(--board) * 10 * 65.55, var(--max) * 65.55);
  }
  #marug .p-test2-decoration-l-layer2 {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 41.8, var(--max) * 41.8);
    left: clamp(0px, 10vw / var(--board) * 10 * 9.9, var(--max) * 9.9);
    z-index: 2;
    width: clamp(0px, 10vw / var(--board) * 10 * 49.68, var(--max) * 49.68);
    height: clamp(0px, 10vw / var(--board) * 10 * 30.41, var(--max) * 30.41);
  }
  #marug .p-test2-decoration-r {
    position: absolute;
    right: 0;
    bottom: clamp(var(--max) * -7, 10vw / var(--board) * 10 * -7, 0px);
    z-index: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 64.94, var(--max) * 64.94);
    height: clamp(0px, 10vw / var(--board) * 10 * 63.03, var(--max) * 63.03);
  }
  #marug .p-test2-decoration-r-layer2 {
    position: absolute;
    right: clamp(0px, 10vw / var(--board) * 10 * 8.5, var(--max) * 8.5);
    bottom: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
    z-index: 2;
    width: clamp(0px, 10vw / var(--board) * 10 * 53.32, var(--max) * 53.32);
    height: clamp(0px, 10vw / var(--board) * 10 * 31.51, var(--max) * 31.51);
  }
  #marug .p-document__link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43);
    width: clamp(0px, 10vw / var(--board) * 10 * 313.5, var(--max) * 313.5);
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  #marug .p-document__link-list.g-is-1st {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 51, var(--max) * 51);
  }
  #marug .p-document__link-list div {
    position: relative;
    border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #00295f;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    background: #fff;
    color: #00295f;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug .p-document__link-list div:not(:first-child) {
    margin-left: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
  }
  #marug .p-document__link-list div:nth-child(1) {
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  }
  #marug .p-document__link-list div:nth-child(2) {
    width: clamp(0px, 10vw / var(--board) * 10 * 161, var(--max) * 161);
  }
  #marug .p-document__link-list div:nth-child(3) {
    width: clamp(0px, 10vw / var(--board) * 10 * 114, var(--max) * 114);
  }
  #marug .p-document__link-list div:nth-child(4) {
    width: clamp(0px, 10vw / var(--board) * 10 * 182, var(--max) * 182);
  }
  #marug .p-document__link-list a {
    color: #00295f;
  }
  #marug .g-is-selected a {
    color: #fff;
  }
  #marug .p-document__link-list .g-is-selected {
    border: solid clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) #00295f;
    background: #00285b;
  }
  #marug .p-link-list-items__newmark {
    position: absolute;
    top: clamp(var(--max) * -40.74, 10vw / var(--board) * 10 * -40.74, 0px);
    right: clamp(var(--max) * -9, 10vw / var(--board) * 10 * -9, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 26.68, var(--max) * 26.68);
    height: clamp(0px, 10vw / var(--board) * 10 * 45.74, var(--max) * 45.74);
  }
  #marug .p-help-accordion {
    position: relative;
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding: clamp(0px, 10vw / var(--board) * 10 * 9.5, var(--max) * 9.5) 0;
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41));
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) 0 0;
    background: #00a5a5;
  }
  #marug .p-help-accordion.g-is-1st {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  }
  #marug .p-help-accordion__title {
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
    line-height: 100%;
  }
  #marug .p-help-accordion__title .is-sp2line {
    line-height: 1.7272727273;
  }
  #marug .p-help-accordion__title.is-spsmall {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  }
  #marug .p-help-accordion__icon {
    position: absolute;
    top: 0;
  }
  #marug .p-help-accordion__body {
    margin: 0 auto;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32.4, var(--max) * 32.4);
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 117, var(--max) * 117));
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    background: #fff;
  }
  #marug .p-help-accordion__body-inner {
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 265, var(--max) * 265);
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .p-help-accordion__body-inner__sp-wide {
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 297, var(--max) * 297);
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug .p-help-accordion__icon {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 14.5, var(--max) * 14.5);
    height: clamp(0px, 10vw / var(--board) * 10 * 9.82, var(--max) * 9.82);
    border: 0;
    background: transparent;
    background-image: url(../../image/marugland/guide/arrow_sp.png);
    background-size: cover;
    cursor: pointer;
  }
  #marug .p-help-accordion__icon.is-sp2line {
    top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  }
  #marug .js-active .p-help-accordion__icon {
    transform: rotate(180deg);
  }
  #marug .p-help-accordion__body {
    overflow-y: hidden;
    padding: 0;
    max-height: 0;
  }
  #marug .js-active + .p-help-accordion__body {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 32.4, var(--max) * 32.4);
  }
  #marug .p-manual-img {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }
  #marug .p-manual-img__file {
    width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
    height: clamp(0px, 10vw / var(--board) * 10 * 209, var(--max) * 209);
  }
  #marug .g-l-manual-img-box {
    display: flex;
    justify-content: center;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  }
  #marug .p-manual-img figure {
    margin: 0;
  }
  #marug .p-manual-img figure:first-child {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  #marug .p-manual-img figcaption {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 21.6, var(--max) * 21.6);
    text-align: center;
    font-weight: 600;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .p-help-accordion__body-inner__sp-wide p,
  #marug .p-help-accordion__body-inner p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.7142857143;
  }
  #marug .p-help-accordion__body-inner__sp-wide h4,
  #marug .p-help-accordion__body-inner h4 {
    text-align: left;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.6875;
  }
  #marug .u-note {
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.6666666667;
  }
  #marug div .u-sp-mb-xs {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
  #marug div .u-sp-mb-s {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
  }
  #marug div .u-sp-mb-m {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  }
  #marug .p-help-bgimg__1 {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 9.5, var(--max) * 9.5);
    right: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
    width: clamp(0px, 10vw / var(--board) * 10 * 73.86, var(--max) * 73.86);
  }
  #marug .p-help-bgimg__2 {
    position: absolute;
    top: clamp(var(--max) * -32, 10vw / var(--board) * 10 * -32, 0px);
    left: clamp(0px, 10vw / var(--board) * 10 * 32.8, var(--max) * 32.8);
    width: clamp(0px, 10vw / var(--board) * 10 * 44.14, var(--max) * 44.14);
  }
  #marug .p-help-bgimg__3 {
    position: absolute;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 37.6, var(--max) * 37.6);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 96.59, var(--max) * 96.59);
    transform: translateX(-50%);
  }
  #marug .p-footer__trademarks {
    margin: 0 auto;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: calc(100vw - clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42));
    color: #707070;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    line-height: 1.7142857143;
  }
  #marug .is-assist .p-footer__trademarks {
    color: #fff;
  }
  #marug .p-pv {
    margin: 0 auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 33.2, var(--max) * 33.2);
    width: clamp(0px, 10vw / var(--board) * 10 * 373, var(--max) * 373);
  }
  #marug .p-pv__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 373, var(--max) * 373);
    height: clamp(0px, 10vw / var(--board) * 10 * 237.52, var(--max) * 237.52);
  }
  #marug #information .p-pv__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 33.2, var(--max) * 33.2);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-pv__title-time {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  }
  #marug .u-p-mb-xs {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46) !important;
  }
  #marug .spI {
    display: inline;
  }
  /* 追加 */
  #marug #wrapper {
    /*padding-top: 100px;*/
  }
  #marug #header_right {
    display: none;
  }
  #marug #menu {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    margin: 0;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
    padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
    width: clamp(0px, 10vw / var(--board) * 10 * 294, var(--max) * 294);
    height: auto;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    background-color: #fff;
    box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(0, 0, 0, 0.3);
  }
  #marug #menu div {
    width: auto;
    border-left: none;
  }
  #marug #menu div a {
    padding: 0;
  }
  #marug .header__nav-link {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .header__logo {
    position: relative;
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) !important;
    width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
    height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  #marug #header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
  }
  /* #mv {
    margin-top: r(95);
  } */
  #marug .header-menu__wrapper {
    position: relative;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: 100%;
  }
  #marug .header_btn-sp {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    z-index: 100;
    display: block;
    width: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    height: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    cursor: pointer;
  }
  #marug .is-open .header_btn-open {
    display: none;
  }
  #marug .header_btn-close {
    display: none;
  }
  #marug .is-open .header_btn-close {
    display: block;
  }
  #marug .header__nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
    margin: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 158, 168, 0.4);
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
  }
  #marug .is-open .header__nav {
    opacity: 1;
    pointer-events: all;
  }
  #marug html {
    overflow-x: visible;
  }
  #marug .is-fixed {
    overflow: hidden;
  }
  /* .header__nav::after {
    content: '';  position: absolute;   top: 0;  left: 0; z-index: -1; width: 100%;  height: 100%;  background-color: #009ea8; opacity: .5;
  } */
  #marug .header__item-sp {
    list-style: none;
  }
  #marug .header__item-sp a {
    color: #000;
    font-weight: 600;
  }
  #marug .header__item-btn-sp {
    position: relative;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    padding: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    background-color: #d4ebfb;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) !important;
  }
  #marug .header__item-btn-sp a {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  #marug .header__item-btn-sp::after {
    content: "";
    position: absolute;
    top: 48%;
    right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    height: clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7);
    border: 1px solid #2c3152;
    border-bottom: none;
    border-left: none;
    transform: translateY(-50%) rotate(45deg);
  }
  #marug .p-caselist-group {
    width: 100%;
  }
  #marug .p-caselist-group-item__img {
    height: fit-content;
  }
  #marug .p-caselist-group-item {
    width: 100%;
  }
  #marug .p-caselist-group-item__title {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
    max-height: clamp(0px, 10vw / var(--board) * 10 * 354, var(--max) * 354);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  #marug .p-caselist-group-item__from {
    right: auto;
    left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  #marug #menu div:last-child {
    display: block;
  }
  #marug #menu div:nth-child(6) {
    border-right: none;
  }
  #marug section.p-casepage-titleCon::before {
    top: clamp(var(--max) * -40, 10vw / var(--board) * 10 * -40, 0px);
  }
  #marug #menu div:first-of-type {
    display: block;
  }
  #marug .p-casepage-headlineCon::before {
    width: 100% !important;
  }
  #marug .p-casepage-headlineCon {
    width: 90% !important;
  }
  /* 202503 追加 */
  #marug .pNav {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  #marug .pNav ul {
    justify-content: center;
    grid-gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  #marug .pNav ul li:not(.home) {
    width: calc((100% - clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10)) / 2);
  }
  #marug .pNav ul li.home {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
}
:root {
  --board: 1280;
}

:root {
  --colorBlack: #222;
  --colorBg: #fff;
  --colorCurrent: #c7c7c7;
}

:root {
  --fontGothic: 'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  --fontMincho: 'Zen Old Mincho', '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  --fontEnglish: 'Marcellus', serif;
  --fontMaru: 'Zen Maru Gothic', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

:root {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:root {
  --fontSize: 16rem;
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:root {
  --bodyBg: var(--colorBg);
  --speed: .4s;
}

:where(.content__okulinkplus) html {
  font-size: clamp(1.5625%, 0.0625vw, 6.25%);
}

:where(.content__okulinkplus) body {
  background-color: var(--bodyBg);
  color: var(--colorBlack);
  letter-spacing: var(--letterSpacing);
  font-weight: var(--weightRegular);
  font-size: var(--fontSize);
  font-family: var(--fontGothic);
  line-height: var(--lineHeight);
  font-optical-sizing: auto;
  -webkit-font-feature-settings: var(--kerning);
  font-feature-settings: var(--kerning);
}

@-webkit-keyframes name {}
@keyframes name {}
:where(.content__okulinkplus) a {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

:where(.content__okulinkplus) a:focus {
  text-decoration: none;
}

:where(.content__okulinkplus) a img {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

:where(.content__okulinkplus) a[href^="tel:"] {
  color: inherit;
}

:where(.content__okulinkplus) img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

body.product footer .products .container {
  max-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 1000, var(--max) * 1000);
}

.content__okulinkplus {
  --okulinkplus-color: #ed7d31;
  --okulinkplus-color-bg: #fcf2eb;
}

body.drill .content__okulinkplus .heading {
  background: var(--okulinkplus-color);
}

body.drill .content__okulinkplus .icon img {
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  height: clamp(0px, 10vw / var(--board) * 10 * 89, var(--max) * 89);
}

body.drill .content__okulinkplus h2,
body.drill .content__okulinkplus h3,
body.drill .content__okulinkplus .bullet {
  color: var(--okulinkplus-color);
}

body.drill .content__okulinkplus h2.underline {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  border-bottom: 1px solid var(--okulinkplus-color);
  line-height: 1.3214;
}

body.drill .content__okulinkplus h2.underline::after {
  background: var(--okulinkplus-color);
}

body.drill .content__okulinkplus h4 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

body.drill .content__okulinkplus .cols {
  margin-bottom: 0;
  row-gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

body.drill .content__okulinkplus .info {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
}

body.drill .content__okulinkplus .info h2::after,
body.drill .content__okulinkplus .info h2 span.info-title-text::after {
  display: none;
}

body.drill .content__okulinkplus .feature1 {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}

body.drill .content__okulinkplus .feature1 .img-wrap:after {
  display: none;
}

body.drill .content__okulinkplus .feature1 .cols3 .col {
  margin-bottom: 0;
}

body.drill .content__okulinkplus .feature1 .cols3 .col.col04 {
  width: 100%;
}

body.drill .content__okulinkplus .feature2 {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
}

body.drill .content__okulinkplus .functions {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: var(--okulinkplus-color-bg);
}

body.drill .content__okulinkplus .functions h4 {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  line-height: 1.277;
}

body.drill .content__okulinkplus .functions .container:first-child {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

body.drill .content__okulinkplus .functions .container:first-child .space {
  display: inline-block;
  width: 1em;
}

body.drill .content__okulinkplus .functions .container:first-child .cols .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: clamp(0px, 10vw / var(--board) * 10 * 295, var(--max) * 295);
}

body.drill .content__okulinkplus .functions .container:first-child .cols .col p {
  margin-bottom: 0;
}

body.drill .content__okulinkplus .functions .container:first-child .cols .col img {
  margin-top: auto;
}

body.drill .content__okulinkplus .functions .container:first-child .col.col04,
body.drill .content__okulinkplus .functions .container:first-child .col.col05,
body.drill .content__okulinkplus .functions .container:first-child .col.col06 {
  min-height: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
}

body.drill .content__okulinkplus .functions .container:first-child .col.col04 h4,
body.drill .content__okulinkplus .functions .container:first-child .col.col05 h4,
body.drill .content__okulinkplus .functions .container:first-child .col.col06 h4 {
  min-height: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
}

body.drill .content__okulinkplus .functions .container:last-child .arrow {
  content: "";
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  width: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #9a908b;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

body.drill .content__okulinkplus .functions .container:last-child .cols {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

body.drill .content__okulinkplus .functions .container:last-child .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  min-width: clamp(0px, 10vw / var(--board) * 10 * 198, var(--max) * 198);
}

body.drill .content__okulinkplus .functions .container:last-child .col:first-child::after {
  display: none;
}

body.drill .content__okulinkplus .functions .container:last-child .col p {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.444;
}

body.drill .content__okulinkplus .functions .container:last-child p {
  margin-top: 0;
}

@media (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
}
@media (max-width: 768px) {
  :root {
    --board: 375;
  }
  :where(.content__okulinkplus) html {
    font-size: 0.2666666667vw;
  }
  :where(.content__okulinkplus) *,
  :where(.content__okulinkplus) *::before,
  :where(.content__okulinkplus) *::after {
    max-width: 100%;
  }
  body.drill .content__okulinkplus .heading .text {
    padding-right: 0;
  }
  body.drill .content__okulinkplus .heading h1 {
    margin-right: 0;
  }
  body.drill .content__okulinkplus .icon img {
    width: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    height: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
  }
  body.drill .content__okulinkplus h4 {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  }
  body.drill .content__okulinkplus .cols {
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  body.drill .content__okulinkplus .col {
    width: calc(50% - clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10));
  }
  body.drill .content__okulinkplus .info {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  body.drill .content__okulinkplus .info p {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  body.drill .content__okulinkplus .feature p {
    margin: 0;
    text-align: justify;
  }
  body.drill .content__okulinkplus .feature1 {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  body.drill .content__okulinkplus .feature1 .cols3 .col.col04 p {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) !important;
  }
  body.drill .content__okulinkplus .feature1 .cols3 .col.col04 .cols {
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  body.drill .content__okulinkplus .feature2 {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  body.drill .content__okulinkplus .functions {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  body.drill .content__okulinkplus .functions .container:first-child .cols {
    -webkit-box-align: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
  }
  body.drill .content__okulinkplus .functions .container:first-child .cols .col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: auto;
  }
  body.drill .content__okulinkplus .functions .container:first-child .cols .col img {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  body.drill .content__okulinkplus .functions .container:first-child .col.col04,
  body.drill .content__okulinkplus .functions .container:first-child .col.col05,
  body.drill .content__okulinkplus .functions .container:first-child .col.col06 {
    min-height: auto;
  }
  body.drill .content__okulinkplus .functions .container:first-child .col.col04 h4,
  body.drill .content__okulinkplus .functions .container:first-child .col.col05 h4,
  body.drill .content__okulinkplus .functions .container:first-child .col.col06 h4 {
    min-height: auto;
  }
  body.drill .content__okulinkplus .functions .container:first-child .col.col04 h4 {
    min-height: auto;
  }
  body.drill .content__okulinkplus .functions .container:last-child .arrow {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  body.drill .content__okulinkplus .functions .container:last-child .col {
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    min-width: auto;
    width: 20%;
  }
  body.drill .content__okulinkplus .functions .container:last-child .col p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .sp-none {
    display: none !important;
  }
}
@media (max-width: 540px) {
  body.drill .content__okulinkplus h2.underline {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100% !important;
    line-height: 1.5;
  }
  body.drill .content__okulinkplus .col {
    width: 100%;
  }
  body.drill .content__okulinkplus .col img {
    width: 90%;
  }
  body.drill .content__okulinkplus .functions .container:first-child .cols .col img {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding-top: 0;
  }
  body.drill .content__okulinkplus .functions .container:last-child .arrow {
    margin-top: 0;
    -webkit-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
  }
  body.drill .content__okulinkplus .functions .container:last-child .cols {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  }
  body.drill .content__okulinkplus .functions .container:last-child .col {
    width: 100%;
  }
  body.drill .content__okulinkplus .functions .container:last-child .col img {
    min-width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    width: 45%;
  }
}
@media (hover: hover) {
  :where(.content__okulinkplus) a:hover {
    opacity: 0.6;
  }
}