@charset "UTF-8";
:root {
  --color-primary: #187FC4;
  --color-primary-rgb: 24, 127, 195;
  --color-primary-contrast: #FFFFFF;
  --color-primary-contrast-rgb: 255, 255, 255;
  --color-primary-dark: #000;
  --color-primary-dark-rgb: 0, 0, 0;
  --color-primary-light: #00CAF8;
  --color-primary-light-rgb: 0, 202, 248;
  --color-secondary: #F1F1F1;
  --color-secondary-rgb: 241, 241, 241;
  --color-blue-green: #00AFCC;
  --color-blue-green-rgb: 0, 175, 204;
  --color-blue-green-dark: #009FBA;
  --color-blue-green-dark-rgb: 0, 159, 186;
  --color-font: #333333;
  --color-font-rgb: 51, 51, 51;
  --color-side-back: #ECF3FA;
  --color-accent-back: #fffc00;
}

:root {
  --box-shadow1: 0 3px 1px -2px rgb(24 127 195 / 20%), 0 2px 2px 0 rgb(24 127 195 / 14%), 0 1px 5px 0 rgb(24 127 195 / 12%);
  --box-shadow2: 0 11px 15px -7px rgb(24 127 195 / 20%), 0 24px 38px 3px rgb(24 127 195 / 14%), 0 9px 46px 8px rgb(24 127 195 / 12%);
}

:root {
  --contents-width: 1100px;
  --contents-margin-horizontal: 16px;
  --contents-margin-vertical: 16px;
}

:root {
  --base-color-orange: #f09536;
  --base-color-orange-rgb: 240, 149, 54;
  --base-color-red: #D20000;
  --base-color-red-rgb: 210, 0, 0;
  --base-color-pink: #F26095;
  --base-color-pink-rgb: 242, 96, 149;
  --base-color-lightgreen: #71e6b3;
  --base-color-lightgreen-rgb: 113, 230, 179;
  --base-color-green: #25B7AA;
  --base-color-green-rgb: 37, 183, 170;
  --base-color-purple: #5F20E3;
  --base-color-purple-rgb: 95, 32, 227;
  --base-color-brown: #9c530c;
  --base-color-brown-rgb: 156, 83, 12;
  --base-color-lightbrown: #cf9b65;
  --base-color-lightbrown-rgb: 207, 155, 101;
  --base-color-darkyellow: #ceb824;
  --base-color-darkyellow-rgb: 206, 184, 36;
}

.page-body.device-pc[data-max-width="950"] .layout-page,
.page-body.device-pc[data-max-width="1100"] .layout-page,
.page-body.device-pc[data-max-width="1280"] .layout-page {
  max-width: 100% !important;
}

.page-body.device-pc[data-max-width="950-"] .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="1100-"] .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="1280-"] .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="950-"] .layout-page .layout-body,
.page-body.device-pc[data-max-width="1100-"] .layout-page .layout-body:not(.layout-two-col-a):not(.layout-two-col-b),
.page-body.device-pc[data-max-width="1280-"] .layout-page .layout-body,
.page-body.device-pc[data-max-width="950-"] .layout-page .layout-body-footer,
.page-body.device-pc[data-max-width="1100-"] .layout-page .layout-body-footer,
.page-body.device-pc[data-max-width="1280-"] .layout-page .layout-body-footer,
.page-body[data-max-width="950"].device-pc .layout-header .block,
.page-body[data-max-width="950-"].device-pc .layout-header .block,
.page-body[data-max-width="1100"].device-pc .layout-header .block,
.page-body[data-max-width="1100-"].device-pc .layout-header .block,
.page-body[data-max-width="1280"].device-pc .layout-header .block,
.page-body[data-max-width="1280-"].device-pc .layout-header .block,
.page-body.device-pc[data-max-width="950"] .layout-page .layout-body-header .block,
.page-body.device-pc[data-max-width="950-"] .layout-page .layout-body-header .block,
.page-body.device-pc[data-max-width="1100"] .layout-page .layout-body-header .block,
.page-body.device-pc[data-max-width="1100-"] .layout-page .layout-body-header .block,
.page-body.device-pc[data-max-width="1280"] .layout-page .layout-body-header .block,
.page-body.device-pc[data-max-width="1280-"] .layout-page .layout-body-header .block,
.page-body[data-max-width="950"].device-pc .layout-footer .block,
.page-body[data-max-width="950-"].device-pc .layout-footer .block,
.page-body[data-max-width="950-"].device-pc .layout-footer .block,
.page-body[data-max-width="1100"].device-pc .layout-footer .block,
.page-body[data-max-width="1100-"].device-pc .layout-footer .block,
.page-body[data-max-width="1280"].device-pc .layout-footer .block,
.page-body[data-max-width="1280-"].device-pc .layout-footer .block,
.page-body.device-pc[data-max-width="950"] .layout-page .layout-body-footer .block,
.page-body.device-pc[data-max-width="950-"] .layout-page .layout-body-footer .block,
.page-body.device-pc[data-max-width="1100"] .layout-page .layout-body-footer .block,
.page-body.device-pc[data-max-width="1100-"] .layout-page .layout-body-footer .block,
.page-body.device-pc[data-max-width="1280"] .layout-page .layout-body-footer .block,
.page-body.device-pc[data-max-width="1280-"] .layout-page .layout-body-footer .block,
.page-body.device-tablet .layout-header .block {
  max-width: 100% !important;
}

.page-body .layout-header .block:not(.block-HeaderSet1),
.page-body .layout-page .layout-body-header .block .b-head,
.page-body .layout-page .layout-body-header .block:not(.block-ImageSlideShow) .b-body,
.page-body .layout-page .layout-body-header .block-Heading,
.page-body .layout-page .layout-body-header .block-HeadingImage .part,
.page-body .layout-page .layout-body .block .b-head,
.page-body .layout-page .layout-body .block .b-body,
.page-body .layout-page .layout-body .block-Heading,
.page-body .layout-page .layout-body .block-HeadingImage .part,
.page-body .layout-page .layout-body-footer .block .b-body,
.page-body .layout-page .layout-body-footer .block .b-head,
.page-body .layout-page .layout-body-footer .block-Heading,
.page-body .layout-page .layout-body-footer .block-HeadingImage .part,
.page-body .layout-page .layout-footer .block:not(.block-SitemapFooter) .b-body,
.page-body .layout-page .layout-footer .block .b-head,
.page-body .layout-page .layout-footer .block-Heading,
.page-body .layout-page .layout-footer .block-HeadingImage .part,
.page-body.device-pc[data-max-width="950"] .block-Form form,
.page-body.device-pc[data-max-width="950-"] .block-Form form,
.page-body.device-pc[data-max-width="1100"] .block-Form form,
.page-body.device-pc[data-max-width="1100-"] .block-Form form,
.page-body.device-pc[data-max-width="1280"] .block-Form form,
.page-body.device-pc[data-max-width="1280-"] .block-Form form {
  margin-right: auto;
  margin-left: auto;
  max-width: var(--contents-width) !important;
}

.page-body.ccc-top .layout-page .layout-body {
  padding: 0 !important;
}

.page-body .block .b-head + .b-body {
  margin-top: 16px;
}

.page-body .block-HorizontalList .b-head + .b-body,
.page-body .block-SetB .b-head + .b-body,
.page-body .block-SetC .b-head + .b-body {
  margin-top: 0;
}

.page-body .block:not(.ccc-common-NewsBlog) {
  /* 見出し2 */
  /* 見出し3 */
}
.page-body .block:not(.ccc-common-NewsBlog) .b-head.pattern1 {
  border: none;
  background-color: transparent;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-body .block:not(.ccc-common-NewsBlog) .b-head.pattern1 h1 {
  padding: 16px 16px;
  text-align: left;
  font-weight: bold;
  color: rgba(var(--color-font-rgb), 1);
  background-color: var(--color-primary-contrast);
  border: rgba(var(--color-font-rgb), 1) 2px solid;
}
.page-body .block:not(.ccc-common-NewsBlog) .b-head.pattern2 h1 {
  position: relative;
  font-weight: bold;
  padding: 4px 24px;
  background-color: transparent;
  color: rgba(var(--color-primary-rgb), 1);
}
.page-body .block:not(.ccc-common-NewsBlog) .b-head.pattern2 h1:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 10px;
  background-color: rgba(var(--color-primary-rgb), 1);
  border-radius: 10px;
  width: 8px;
  height: 100%;
  content: "";
}
.page-body .block:not(.ccc-common-NewsBlog) .b-head.pattern3 h1 {
  font-weight: bold;
  padding: 0 0 8px 0;
  position: relative;
  background-color: transparent;
  border-bottom: rgba(var(--color-primary-rgb), 1) 1px solid;
  margin-bottom: 8px;
}

.page-body .layout-body.layout-two-col-b .block-Breadcrumb + .block,
.page-body .layout-page .layout-body-header .block-Breadcrumb + .block {
  margin-top: 16px !important;
}

.page-body.width-small .layout-body.layout-two-col-b .block-Breadcrumb + .block,
.page-body.width-small .layout-page .layout-body-header .block-Breadcrumb + .block {
  margin-top: 10px !important;
}

.page-body .block-Breadcrumb .b-body .part-Breadcrumb {
  padding: 8px 0;
}
.page-body .block-Breadcrumb .b-body .part-Breadcrumb a {
  white-space: nowrap;
}
.page-body .block-Breadcrumb .b-body .part-Breadcrumb a:hover {
  text-decoration: underline;
}

.page-body .block-Copyright {
  background-color: rgba(var(--color-secondary-rgb), 1);
}
.page-body .block-Copyright .b-body .part-Copyright p {
  color: rgba(var(--color-font-rgb), 1);
  margin: 1em;
  text-align: center;
  font-size: 80%;
}

.page-body .layout-page .layout-body .block-Heading {
  max-width: 100% !important;
  padding: 1.5em 20px !important;
  background: var(--color-primary-dark);
  background-position: bottom left;
  background-size: contain;
  background-repeat: no-repeat;
  color: rgba(var(--color-primary-contrast-rgb), 1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
}
.page-body .layout-page .layout-body .block-Heading h1.part-Heading {
  border-bottom: none;
}
.page-body .layout-page .layout-body .block-Heading h1.part-Heading {
  padding: 0;
}
.page-body .layout-page .layout-body .block-Heading h1.part-Heading span.piece-Heading {
  padding: 0;
}

.page-body .block-MultiColumnList .b-body .part-MultiColumnList .piece-MultiColumnList li a,
.page-body .block-MultiColumnList .b-body .part-MultiColumnList .piece-MultiColumnList li a.active {
  background: rgba(var(--color-primary-contrast-rgb), 1);
  color: rgba(var(--color-font-rgb), 1);
  border-color: rgba(var(--color-font-rgb), 0.2);
  border-width: 1px;
  border-style: solid;
}
.page-body .block-MultiColumnList .b-body .part-MultiColumnList .piece-MultiColumnList li a:hover,
.page-body .block-MultiColumnList .b-body .part-MultiColumnList .piece-MultiColumnList li a.active:hover {
  opacity: 0.7;
}

.page-body .block-MultiColumnList .b-body .part-MultiColumnList .piece-MultiColumnList li a:before {
  border-top: 2px solid rgba(var(--color-font-rgb), 0.5);
  border-right: 2px solid rgba(var(--color-font-rgb), 0.5);
}

.page-body .block-MultiColumnList .b-body .part-MultiColumnList .piece-MultiColumnList li a[href^="#b-"]:before {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.block-MultiColumnList.ccc-submenu .b-body .part-MultiColumnList .piece-MultiColumnList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  gap: 20px;
}

.page-body.width-small .block-MultiColumnList.ccc-submenu .b-body:is(.SetItemSmall2, .SetItemSmall3, .SetItemSmall4) .part-MultiColumnList .piece-MultiColumnList li {
  width: calc(50% - 10px);
}

.page-body.width-small .block-MultiColumnList.ccc-submenu .b-body:is(.SetItemSmall2, .SetItemSmall3, .SetItemSmall4) .part-MultiColumnList .piece-MultiColumnList li:nth-child(2n) {
  margin-left: 0;
}

.page-body .block-MultiColumnList.ccc-submenu .b-body .part-MultiColumnList .piece-MultiColumnList li a,
.page-body .block-MultiColumnList.ccc-submenu .b-body .part-MultiColumnList .piece-MultiColumnList li a.active {
  background: transparent;
  color: rgba(var(--color-font-rgb), 1);
  border: none;
  padding: 0;
  text-decoration: underline;
}
.page-body .block-MultiColumnList.ccc-submenu .b-body .part-MultiColumnList .piece-MultiColumnList li a:hover,
.page-body .block-MultiColumnList.ccc-submenu .b-body .part-MultiColumnList .piece-MultiColumnList li a.active:hover {
  opacity: 0.7;
  text-decoration: none;
}

.page-body .block-MultiColumnList.ccc-submenu .b-body .part-MultiColumnList .piece-MultiColumnList li a:before {
  display: none;
}

.page-body.width-large .block-MultiColumnList.ccc-submenu .b-body:is(.SetItem1, .SetItem2, .SetItem3, .SetItem4) .part-MultiColumnList .piece-MultiColumnList li,
.page-body.width-medium .block-MultiColumnList.ccc-submenu .b-body:is(.SetItem1, .SetItem2, .SetItem3, .SetItem4) .part-MultiColumnList .piece-MultiColumnList li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-body.width-large .block-MultiColumnList.ccc-submenu .b-body.SetItem4 .part-MultiColumnList .piece-MultiColumnList li:nth-child(n+5),
.page-body.width-medium .block-MultiColumnList.ccc-submenu .b-body.SetItem4 .part-MultiColumnList .piece-MultiColumnList li:nth-child(n+5) {
  margin-top: 0;
}

.dt-13-3.page-body {
  font-size: clamp(0.875rem, 0.63rem + 0.51vw, 1rem) !important;
  line-height: 1.4;
  -webkit-text-size-adjust: initial;
     -moz-text-size-adjust: initial;
      -ms-text-size-adjust: initial;
          text-size-adjust: initial;
}
.dt-13-3.page-body .block {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
}

.page-body .block-SetA .b-body .part-SetA .piece-Heading,
.page-body .block-SetB .b-body .part-SetB div.text .piece-Heading,
.page-body .block-SetC .b-body .part-SetC .piece-Heading {
  font-size: 120%;
}

.page-body:not(.width-small) .RichText {
  font-size: 100%;
  line-height: 1.4;
}

.page-body .block-Heading h1.part-Heading,
.page-body .piece article.pattern1 header h1 {
  font-size: 150%;
}

.page-body .block .b-head h1 {
  font-size: 130%;
}

.page-body .piece-Table.pattern1 caption,
.page-body .piece-Table.pattern2 caption,
.page-body .piece-Table.pattern3 caption,
.page-body .piece-Table.pattern4 caption,
.page-body .piece-Table.pattern5 caption {
  font-size: 100%;
  font-weight: bold;
}

.page-body .piece-Table thead th,
.page-body .piece-Table tbody th {
  font-size: 100%;
  font-weight: bold;
}

.page-body .piece-Table tbody td {
  font-size: 100% !important;
}
@media not screen and (min-width: 768px) {
  .page-body .piece-Table tbody td {
    font-size: 90% !important;
  }
}

.page-body .piece table.list-article tbody tr th {
  font-size: 80%;
}

.page-body .piece table.list-article tbody tr td.title,
.page-body .piece table.list-article {
  font-size: 100%;
}

.page-body .block-Breadcrumb .b-body .part-Breadcrumb {
  font-size: 80%;
}

.page-body.width-small .block-Breadcrumb .b-body .part-Breadcrumb {
  font-size: 60%;
}

.page-body.width-small .layout-body .layout-navigations {
  background-color: var(--color-side-back);
}
@media not screen and (min-width: 768px) {
  .page-body .layout-navigations .block {
    margin: 0 20px;
  }
}
@media not screen and (min-width: 768px) {
  .page-body .layout-navigations .block + .block {
    margin-top: 40px;
  }
}
@media not screen and (min-width: 768px) {
  .page-body .layout-navigations .block.block-LevelList, .page-body .layout-navigations .block.block-VerticalList {
    margin: 0;
  }
}
.page-body .layout-navigations .block.block-LevelList .b-head:is(.pattern1, .pattern2, .pattern3) h1, .page-body .layout-navigations .block.block-VerticalList .b-head:is(.pattern1, .pattern2, .pattern3) h1 {
  border-bottom: none;
  border-left: none;
  padding: 25px 18px;
  font-weight: bold;
  background: var(--color-side-back);
  color: rgba(var(--color-primary-rgb), 1);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22213%22%20height%3D%2225%22%20viewBox%3D%220%200%20213%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-28%206.93804C-12.1916%2010.401%2026.0314%2014.5664%2094.1198%207.84953C168.024%200.558925%20198.85%200.923629%20236%204.38658M-28%2019.6963C-6.65868%2022.1264%2055.6263%2023.4873%20134.036%209.48968C167.234%204.38658%20215.844%205.84447%20236%2015.6865%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
}
.page-body .layout-navigations .block.block-LevelList .b-head:is(.pattern1, .pattern2, .pattern3) h1::before, .page-body .layout-navigations .block.block-LevelList .b-head:is(.pattern1, .pattern2, .pattern3) h1::after, .page-body .layout-navigations .block.block-VerticalList .b-head:is(.pattern1, .pattern2, .pattern3) h1::before, .page-body .layout-navigations .block.block-VerticalList .b-head:is(.pattern1, .pattern2, .pattern3) h1::after {
  display: none;
}
.page-body .layout-navigations .block.block-LevelList .b-head:is(.pattern1, .pattern2, .pattern3) + .b-body, .page-body .layout-navigations .block.block-VerticalList .b-head:is(.pattern1, .pattern2, .pattern3) + .b-body {
  padding: 0;
}
@media not screen and (min-width: 768px) {
  .page-body .layout-navigations .block.block-LevelList .b-head:is(.pattern1, .pattern2, .pattern3) + .b-body, .page-body .layout-navigations .block.block-VerticalList .b-head:is(.pattern1, .pattern2, .pattern3) + .b-body {
    margin-top: 0;
    padding: 16px 20px 0;
  }
}

.page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li {
  background: rgba(var(--color-primary-contrast-rgb), 1);
  border: none;
  border-bottom: rgba(var(--color-primary-rgb), 0.1) 1px solid;
}
.page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li a {
  background: rgba(var(--color-primary-contrast-rgb), 1);
  font-weight: bold;
}
.page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li a:hover, .page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li a.active, .page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li a.active:hover {
  background-color: rgba(var(--color-primary-light-rgb), 0.1);
  color: rgba(var(--color-primary-rgb), 1);
}
.page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li a.active, .page-body :is(.block-VerticalList, .block-LevelList) .b-body :is(.part-VerticalList, .part-LevelList) ul li a.active:hover {
  opacity: 0.5;
}

.page-body.width-small .layout-navigation .block-LevelList.close .b-head h1:after,
.page-body.width-small .layout-navigation .block-LevelList.open .b-head h1:after {
  border: none;
}

.page-body.width-small .layout-navigation .block-LevelList.close .b-head h1:after,
.page-body.width-small .layout-navigation .block-LevelList.open .b-head h1:after {
  top: 25px;
  right: 20px;
  margin: 0;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

.page-body:not(.width-small) .block-SetA .b-body.SetItem2 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem2 .part,
.page-body:not(.width-small) .block-Image .b-body.SetItem2 .part {
  margin-right: 3.6% !important;
  margin-bottom: 3.6% !important;
  width: 48.2% !important;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem2 .part:nth-child(2n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem2 .part:nth-child(2n),
.page-body:not(.width-small) .block-Image .b-body.SetItem2 .part:nth-child(2n) {
  margin-right: 0 !important;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem3 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem3 .part,
.page-body:not(.width-small) .block-Image .b-body.SetItem3 .part {
  margin-right: 3.6% !important;
  margin-bottom: 3.6% !important;
  width: 30.9% !important;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem3 .part:nth-child(3n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem3 .part:nth-child(3n),
.page-body:not(.width-small) .block-Image .b-body.SetItem3 .part:nth-child(3n) {
  margin-right: 0 !important;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem4 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem4 .part,
.page-body:not(.width-small) .block-Image .b-body.SetItem4 .part {
  margin-right: 3.6%;
  margin-bottom: 3.6%;
  width: 22.3%;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem4 .part:nth-child(4n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem4 .part:nth-child(4n),
.page-body:not(.width-small) .block-Image .b-body.SetItem4 .part:nth-child(4n) {
  margin-right: 0 !important;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem6 .part,
.page-body:not(.width-small) .block-SetC .b-body.SetItem6 .part,
.page-body:not(.width-small) .block-Image .b-body.SetItem6 .part {
  margin-right: 3.6%;
  margin-bottom: 3.6%;
  width: 13.6%;
}
.page-body:not(.width-small) .block-SetA .b-body.SetItem6 .part:nth-child(6n),
.page-body:not(.width-small) .block-SetC .b-body.SetItem6 .part:nth-child(6n),
.page-body:not(.width-small) .block-Image .b-body.SetItem6 .part:nth-child(6n) {
  margin-right: 0 !important;
}
.page-body:not(.width-small) .block-SetB .b-body.SetItem1 .part {
  margin: 2% 3.6% !important;
  width: 92.8% !important;
}
.page-body:not(.width-small) .block-SetB .b-body.SetItem2 .part {
  margin: 2% 0 0 3.6% !important;
  width: 44.6% !important;
}
.page-body:not(.width-small) .block-SetB .b-body.SetItem3 .part {
  margin: 2% 0 0 3.6% !important;
  width: 28.5% !important;
}
.page-body:not(.width-small) .block-SetB .b-body.SetItem4 .part {
  margin: 2% 0 0 3.6% !important;
  width: 20.5% !important;
}

.page-body.width-small .block-SetA .b-body.SetItemSmall1 .part,
.page-body.width-small .block-SetB .b-body.SetItemSmall1 .part,
.page-body.width-small .block-SetC .b-body.SetItemSmall1 .part,
.page-body.width-small .block-Image .b-body.SetItemSmall1 .part {
  margin: 0 0 20px 0 !important;
}
.page-body.width-small .block-SetA .b-body.SetItemSmall1 .part:last-child,
.page-body.width-small .block-SetB .b-body.SetItemSmall1 .part:last-child,
.page-body.width-small .block-SetC .b-body.SetItemSmall1 .part:last-child,
.page-body.width-small .block-Image .b-body.SetItemSmall1 .part:last-child {
  margin-bottom: 0 !important;
}

.page-body .block.block-SetA .b-body {
  background-color: rgb(var(--color-primary-contrast-rgb), 1);
  padding: 3.6%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
}
.page-body .block.block-SetA .b-body .part-SetA .piece-Heading {
  border-bottom: 4px rgba(var(--color-primary-rgb), 0.3) double;
  margin: 0 0 20px 0;
  padding: 0 0 8px;
}
.page-body .block.block-SetA .b-body .part-SetA.pattern1 .piece-Image {
  margin: 0 20px 3px 0;
}
.page-body .block.block-SetA .b-body .part-SetA.pattern2 .piece-Image {
  margin: 0 0 3px 20px;
}
.page-body .block.block-SetA .b-body .part-SetA .piece-Button a {
  border-radius: 4px;
  background-image: none;
  background-color: var(--color-font);
  padding: 20px;
  color: rgba(var(--color-primary-contrast-rgb), 1);
  border-color: var(--color-font);
}
.page-body .block.block-SetA .b-body .part-SetA .piece-Button a:hover {
  opacity: 0.5;
}
.page-body .block.block-SetA .b-body.SetItem1 .part + .part {
  margin-top: 20px;
}
.page-body .block.block-SetA .b-head + .b-body {
  border-radius: 0 0 15px 15px;
}
.page-body .block-SetA.ccc-scenario .b-head + .b-body {
  margin-top: 0;
}
.page-body .block-SetA.ccc-scenario .b-body .part.part-SetA .piece-Heading {
  border: none;
  margin: 0;
  padding: 0 16px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  background: var(--color-primary-contrast);
}
@media not screen and (min-width: 768px) {
  .page-body .block-SetA.ccc-scenario .b-body .part.part-SetA .piece-Heading {
    font-size: 90%;
    padding: 8px 8px 8px 0;
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
    border-bottom: 1px solid rgba(var(--color-font-rgb), 0.8);
  }
}
.page-body .block-SetA.ccc-scenario .b-body .part .w-f-bgc-orange, .page-body .block-SetA.ccc-scenario .b-body .part .base-background-orange {
  background-color: var(--color-accent-back) !important;
}
.page-body .width-small .block-SetA.ccc-scenario .b-body .part.part-Image:first-child .piece-Image {
  max-width: 150px;
  margin: 0 auto;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body {
  display: grid;
  grid-template-columns: 1fr minmax(180px, 260px);
  gap: 24px 40px;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part + .part {
  margin-top: 0;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part.part-SetA:has(.piece-Heading) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part.part-SetA:has(.piece-Heading) .piece-Heading {
  width: 4em;
  text-align: left;
  border-right: 2px solid rgba(var(--color-font-rgb), 0.1);
}
@media not screen and (min-width: 768px) {
  .page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part.part-SetA:has(.piece-Heading) .piece-Heading {
    font-size: 90%;
    padding: 8px;
  }
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part.part-SetA:has(.piece-Heading) .piece-Heading + div {
  width: calc(100% - 20px - 5em);
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part.part-Image:first-child {
  grid-row: 1/5;
  grid-column: 2;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part.part-Image:first-child .piece-Image {
  max-width: 300px;
  margin: 0;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(2) {
  grid-column: 1;
  grid-row: 1;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(4) {
  grid-column: 1;
  grid-row: 3;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(5) {
  grid-column: 1;
  grid-row: 4;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(6) {
  grid-column: 1/3;
  grid-row: 5;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(7) {
  grid-column: 1/3;
  grid-row: 6;
}
.page-body:not(.width-small) .block-SetA.ccc-scenario .b-body .part:nth-child(8) {
  grid-column: 1/3;
  grid-row: 7;
}

.page-body.width-small .layout-body .layout-contents .block-SetB .b-body {
  padding: 10px;
}
.page-body .block.block-SetB .b-body {
  background-color: rgba(var(--color-primary-rgb), 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-body .block.block-SetB .b-body .part-SetB:hover::after {
  opacity: 0;
}
.page-body .block.block-SetB .b-body .part-SetB::after {
  background-color: rgba(var(--color-primary-rgb), 1);
}
.page-body .block.block-SetB .b-body .part-SetB > a {
  color: rgba(var(--color-font-rgb), 1);
  background-color: rgba(var(--color-primary-contrast-rgb), 1);
  -webkit-box-shadow: var(--box-shadow1);
          box-shadow: var(--box-shadow1);
}
.page-body .block.block-SetB .b-body .part-SetB > a::after {
  right: -1px;
  border-left: rgba(var(--color-primary-contrast-rgb), 1) 5px solid;
}
.page-body .block.block-SetB .b-body .part-SetB > a::before {
  background-color: rgba(var(--color-primary-rgb), 1);
}
.page-body .block.block-SetB .b-body .part-SetB > a:hover {
  opacity: 0.5;
  color: rgba(var(--color-primary-rgb), 1);
}
.page-body .block.block-SetB .b-body .part-SetB.SetItemImage .piece-Image {
  padding: 16px;
}
.page-body .block.block-SetB .b-body .part-SetB.SetItemImage.pattern1 .piece-Image {
  padding-right: 0;
}
.page-body .block.block-SetB .b-body .part-SetB.SetItemImage.pattern2 .piece-Image {
  padding-left: 0;
}
.page-body .block.block-SetB .b-body .part-SetB.SetItemImage.pattern3, .page-body .block.block-SetB .b-body .part-SetB.SetItemImage.pattern4 {
  padding-bottom: 0;
}
.page-body .block.block-SetB .b-body .part-SetB div.text h2.piece-Heading {
  margin: 20px 20px 10px;
  border-left: none;
  padding: 0;
}
.page-body .block.block-SetB .b-body .part-SetB div.text h2.piece-Heading:only-child {
  margin: 20px;
}
.page-body .block.block-SetB .b-body .part-SetB div.text .piece-RichText {
  margin: 10px 20px 20px;
}

.page-body.width-small .layout-body .layout-contents .block-SetC .b-body {
  padding: 20px;
}
.page-body.device-pc .block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  background-image: none;
}
.page-body .block.block-SetC .b-body.SetItem1 .part {
  margin: 0 0 3.5% 0;
}
.page-body .block.block-SetC .b-body.SetItem1, .page-body .block.block-SetC .b-body.SetItem2, .page-body .block.block-SetC .b-body.SetItem3, .page-body .block.block-SetC .b-body.SetItem4 {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  background-color: rgba(var(--color-primary-contrast-rgb), 1);
}
.page-body .block.block-SetC .b-body .part {
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-body .block.block-SetC .b-body .part-SetC.pattern1.SetItemImage .piece-Image {
  margin: 0 20px 0 0;
}
.page-body .block.block-SetC .b-body .part-SetC.pattern2.SetItemImage .piece-Image {
  margin: 0 0 0 20px;
}
.page-body .block.block-SetC .b-body .part-SetC .piece-Heading {
  margin: 0 0 10px 0;
  padding: 0;
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-RichText {
  color: rgb(var(--color-font-rgb), 1);
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-VerticalList {
  background-color: rgba(var(--color-font-rgb), 0.1);
  padding: 8px;
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-VerticalList li a {
  padding: 12px 20px 12px 12px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  border: 1px rgba(var(--color-font-rgb), 0.4) solid;
  color: rgba(var(--color-font-rgb), 1);
  background-color: rgba(var(--color-primary-contrast-rgb), 1);
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:hover {
  background-color: rgba(var(--color-font-rgb), 0.8);
  color: rgba(var(--color-primary-contrast-rgb), 1);
  border: 1px rgba(var(--color-font-rgb), 0.5) solid;
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  position: absolute;
  top: 44%;
  right: 16px;
  margin-top: 0;
  background-image: none;
  border-top: 2px solid rgba(var(--color-font-rgb), 1);
  border-right: 2px solid rgba(var(--color-font-rgb), 1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 6px;
  height: 6px;
  vertical-align: middle;
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-VerticalList li a:hover:before {
  border-top: 2px solid rgba(var(--color-primary-contrast-rgb), 1);
  border-right: 2px solid rgba(var(--color-primary-contrast-rgb), 1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 6px;
  height: 6px;
  vertical-align: middle;
}
.page-body .block.block-SetC .b-body .part-SetC div.text .piece-VerticalList li + li a {
  border-top: transparent 1px solid;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body.SetItem1, .page-body .block.block-SetC.ccc-menuSetC .b-body.SetItem2, .page-body .block.block-SetC.ccc-menuSetC .b-body.SetItem3, .page-body .block.block-SetC.ccc-menuSetC .b-body.SetItem4 {
  background-color: rgba(var(--color-primary-contrast-rgb), 1);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 40px;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  border: rgb(var(--color-font-rgb), 0.4) 1px solid;
  background-color: rgba(var(--color-primary-contrast-rgb), 1);
  padding: 0;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part:hover {
  border: rgb(var(--color-font-rgb), 1) 1px solid;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC .piece-Image {
  margin: 0 !important;
  grid-row: 1/2;
  grid-column: 1/2;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC .piece-Heading {
  margin: auto 0 0 0;
  padding: 16px;
  grid-row: 1/2;
  grid-column: 1/2;
  z-index: 3;
  background-color: rgb(var(--color-primary-contrast-rgb), 0.7);
  pointer-events: none;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text {
  grid-row: 2/3;
  grid-column: 1/2;
  margin: 0 0 auto 0;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList {
  background-color: transparent;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 4px;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList li:first-child {
  width: 100%;
  border-bottom: 1px rgba(var(--color-font-rgb), 0.1) solid;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList li a {
  border: none;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList li a:hover {
  border: none;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList li a:before {
  top: 40%;
  right: 16px;
  width: 4px;
  height: 4px;
  vertical-align: middle;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList li + li {
  font-size: 80%;
}
.page-body .block.block-SetC.ccc-menuSetC .b-body .part-SetC div.text .piece-VerticalList li + li a {
  padding: 5px 30px 5px 12px;
}

.page-body.width-small .piece-Table thead th,
.page-body.width-small .piece-Table tbody th {
  font-weight: normal;
}

.page-body .piece-Table.pattern1 caption {
  background: var(--color-font-rgb);
  padding: 8px;
  color: var(--color-primary-contrast);
  text-align: center;
}
.page-body .piece-Table.pattern1 thead th {
  color: rgba(var(--color-font-rgb), 1);
  background: rgba(var(--color-font-rgb), 0.1);
}
.page-body .piece-Table.pattern1 tbody th, .page-body .piece-Table.pattern1 tbody td {
  padding: 16px 8px;
}
@media not screen and (min-width: 768px) {
  .page-body .piece-Table.pattern1 tbody th, .page-body .piece-Table.pattern1 tbody td {
    padding: 8px;
  }
}

.page-body .piece-Table.pattern2 caption {
  background: transparent !important;
  color: rgba(var(--color-primary-rgb), 1);
  padding: 0 0 15px;
}
.page-body .piece-Table.pattern2 thead th {
  background: rgba(var(--color-primary-rgb), 0.7);
}
.page-body .piece-Table.pattern2 tbody th {
  color: rgba(var(--color-primary-rgb), 1);
  background: rgba(var(--color-primary-rgb), 0.1);
}
.page-body .piece-Table.pattern2 tbody th a {
  color: rgba(var(--color-primary-rgb), 1);
  text-decoration: underline;
}

.page-body .piece-Table.pattern3 caption,
.page-body .piece-Table.pattern4 caption {
  background: rgba(var(--color-blue-green-rgb), 1);
  padding: 15px;
}
.page-body .piece-Table.pattern3 thead th,
.page-body .piece-Table.pattern4 thead th {
  background: rgba(var(--color-blue-green-rgb), 0.1);
  color: rgba(var(--color-blue-green-rgb), 1) !important;
  border-color: rgba(var(--color-blue-green-rgb), 1) !important;
}

.page-body .ccc-scenario .piece-Table.pattern1 caption {
  background: transparent;
  padding: 0 0 8px 0;
  color: var(--color-font-rgb);
  text-align: left;
}
.page-body .ccc-scenario .piece-Table.pattern1 caption::before {
  display: inline-block;
  content: "●";
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  color: rgba(var(--color-font-rgb), 0.5);
}
.page-body .ccc-scenario .piece-Table.pattern1 thead th {
  color: rgba(var(--color-font-rgb), 1);
  background: rgba(var(--color-font-rgb), 0.1);
  border-color: var(--color-primary-contrast);
  border-width: 2px;
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody th {
  background: rgba(var(--color-font-rgb), 0.05);
  border-top: none;
  border-left: none;
  border-right: 16px solid var(--color-primary-contrast);
  border-bottom: 10px solid var(--color-primary-contrast);
  width: 7em;
  font-weight: bold;
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody td {
  padding: 5px 0;
  background-color: var(--color-primary-contrast);
  border-color: var(--color-primary-contrast);
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 10px solid var(--color-primary-contrast);
}
@media not screen and (min-width: 768px) {
  .page-body .ccc-scenario .piece-Table.pattern1 tbody td {
    padding: 0;
  }
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody td.RichText ul {
  margin: 0 1em 0 2em;
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody td.RichText ul + ul {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody td.RichText ul li:has(ul) {
  list-style: none;
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody td.RichText ul li > ul {
  font-size: 90%;
}
.page-body .ccc-scenario .piece-Table.pattern1 tbody tr:last-of-type th, .page-body .ccc-scenario .piece-Table.pattern1 tbody tr:last-of-type td {
  border-bottom: none;
}

.base-color-orange,
.w-f-c-orange {
  color: var(--base-color-orange) !important;
}

.base-color-red,
.w-f-c-red {
  color: var(--base-color-red) !important;
}

.base-color-pink,
.w-f-c-pink {
  color: var(--base-color-pink) !important;
}

.base-color-lightgreen,
.w-f-c-lightgreen {
  color: var(--base-color-lightgreen) !important;
}

.base-color-green,
.w-f-c-green {
  color: var(--base-color-green) !important;
}

.base-color-lightblue,
.w-f-c-lightblue {
  color: var(--color-primary-light) !important;
}

.base-color-blue,
.w-f-c-blue {
  color: var(--color-primary) !important;
}

.base-color-purple,
.w-f-c-purple {
  color: var(--base-color-purple) !important;
}

.base-color-brown,
.w-f-c-brown {
  color: var(--base-color-brown) !important;
}

.base-color-lightbrown,
.w-f-c-lightbrown {
  color: var(--base-color-lightbrown) !important;
}

.base-color-darkyellow,
.w-f-c-darkyellow {
  color: var(--base-color-darkyellow) !important;
}

.w-f-bgc-orange,
.base-background-orange {
  background-color: var(--base-color-orange) !important;
}

.w-f-bgc-red,
.base-background-red {
  background-color: var(--base-color-red) !important;
}

.w-f-bgc-pink,
.base-background-pink {
  background-color: var(--base-color-pink) !important;
}

.w-f-bgc-lightgreen,
.base-background-lightgreen {
  background-color: var(--base-color-lightgreen) !important;
}

.w-f-bgc-green,
.base-background-green {
  background-color: var(--base-color-green) !important;
}

.w-f-bgc-lightblue,
.base-background-lightblue {
  background-color: var(--color-primary-light) !important;
}

.w-f-bgc-blue,
.base-background-blue {
  background-color: var(--color-primary) !important;
}

.w-f-bgc-purple,
.base-background-purple {
  background-color: var(--base-color-purple) !important;
}

.w-f-bgc-brown,
.base-background-brown {
  background-color: var(--base-color-brown) !important;
}

.w-f-bgc-lightbrown,
.base-background-lightbrown {
  background-color: var(--base-color-lightbrown) !important;
}

.w-f-bgc-darkyellow,
.base-background-darkyellow {
  background-color: var(--base-color-darkyellow) !important;
}

.page-body .button-style-black {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-font)), to(var(--color-font))) !important;
  background-image: -webkit-linear-gradient(var(--color-font), var(--color-font)) !important;
  background-image: linear-gradient(var(--color-font), var(--color-font)) !important;
}
.page-body .button-style-blue {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-primary)), to(var(--color-primary))) !important;
  background-image: -webkit-linear-gradient(var(--color-primary), var(--color-primary)) !important;
  background-image: linear-gradient(var(--color-primary), var(--color-primary)) !important;
}
.page-body .button-style-lightblue {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-primary-light)), to(var(--color-primary-light))) !important;
  background-image: -webkit-linear-gradient(var(--color-primary-light), var(--color-primary-light)) !important;
  background-image: linear-gradient(var(--color-primary-light), var(--color-primary-light)) !important;
}
.page-body .button-style-green {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-green)), to(var(--base-color-green))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-green), var(--base-color-green)) !important;
  background-image: linear-gradient(var(--base-color-green), var(--base-color-green)) !important;
}
.page-body .button-style-lightgreen {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-lightgreen)), to(var(--base-color-lightgreen))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-lightgreen), var(--base-color-lightgreen)) !important;
  background-image: linear-gradient(var(--base-color-lightgreen), var(--base-color-lightgreen)) !important;
}
.page-body .button-style-brown {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-brown)), to(var(--base-color-brown))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-brown), var(--base-color-brown)) !important;
  background-image: linear-gradient(var(--base-color-brown), var(--base-color-brown)) !important;
}
.page-body .button-style-lightbrown {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-lightbrown)), to(var(--base-color-lightbrown))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-lightbrown), var(--base-color-lightbrown)) !important;
  background-image: linear-gradient(var(--base-color-lightbrown), var(--base-color-lightbrown)) !important;
}
.page-body .button-style-orange {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-orange)), to(var(--base-color-orange))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-orange), var(--base-color-orange)) !important;
  background-image: linear-gradient(var(--base-color-orange), var(--base-color-orange)) !important;
}
.page-body .button-style-pink {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-pink)), to(var(--base-color-pink))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-pink), var(--base-color-pink)) !important;
  background-image: linear-gradient(var(--base-color-pink), var(--base-color-pink)) !important;
}
.page-body .button-style-purple {
  ccolor: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-purple)), to(var(--base-color-purple))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-purple), var(--base-color-purple)) !important;
  background-image: linear-gradient(var(--base-color-purple), var(--base-color-purple)) !important;
}
.page-body .button-style-red {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-red)), to(var(--base-color-red))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-red), var(--base-color-red)) !important;
  background-image: linear-gradient(var(--base-color-red), var(--base-color-red)) !important;
}
.page-body .button-style-darkyellow {
  color: rgba(var(--color-primary-contrast-rgb), 1) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--base-color-darkyellow)), to(var(--base-color-darkyellow))) !important;
  background-image: -webkit-linear-gradient(var(--base-color-darkyellow), var(--base-color-darkyellow)) !important;
  background-image: linear-gradient(var(--base-color-darkyellow), var(--base-color-darkyellow)) !important;
}
.page-body .button-style-gray {
  color: #333333 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C7C7C7), to(#C7C7C7)) !important;
  background-image: -webkit-linear-gradient(#C7C7C7, #C7C7C7) !important;
  background-image: linear-gradient(#C7C7C7, #C7C7C7) !important;
}
.page-body .button-style-white {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
  background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF) !important;
  background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
  border: rgba(var(--color-primary-rgb), 1) 2px solid !important;
  color: rgba(var(--color-primary-rgb), 1) !important;
}

.page-body.width-small .layout-page .layout-body .block, .page-body.width-small .layout-page .layout-body.layout-two-col-b {
  margin: 0 auto 5% !important;
}
.page-body .layout-page .layout-body:not(.layout-two-col-b) {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
.page-body .layout-page .layout-body:not(.layout-two-col-b) .layout-contents .block:not(.ccc-Lyfull) {
  padding: 0 20px;
}
@media not screen and (min-width: 768px) {
  .page-body .layout-page .layout-body:not(.layout-two-col-b) .layout-contents .block:not(.ccc-Lyfull) {
    padding: 0 26px;
  }
}
.page-body .layout-page .layout-body:not(.layout-two-col-b) .layout-contents .block:not(.ccc-Lyfull) .b-head,
.page-body .layout-page .layout-body:not(.layout-two-col-b) .layout-contents .block:not(.ccc-Lyfull) .b-body {
  max-width: 1100px;
  margin: 0 auto;
}
.page-body .layout-page .layout-body .block + .block {
  margin-top: 40px;
}
@media not screen and (min-width: 1060px) {
  .page-body .layout-page .layout-body .block + .block {
    margin-top: 36px;
  }
}
.page-body .layout-body .block + .block.ccc-MaT0 {
  margin-top: 0;
}
@media not screen and (min-width: 1060px) {
  .page-body .layout-body .block + .block.ccc-MaT0 {
    margin-top: 0;
  }
}
.page-body .layout-body .block + .block.ccc-MaT24 {
  margin-top: 24px;
}
@media not screen and (min-width: 1060px) {
  .page-body .layout-body .block + .block.ccc-MaT24 {
    margin-top: 16px;
  }
}
.page-body.width-small .layout-body .layout-contents {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

body.page-body .layout-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
}

body.page-body:not(.width-small) .block-HeaderSet1 .b-body .part-HeaderSet1 .unit2 {
  border-spacing: 0;
  height: 0;
  padding: 0;
}

.layout-header .block-Heading a {
  text-decoration: none;
}

.layout-header .block-Heading a:hover {
  opacity: 0.5;
}

.page-body.ccc-top {
  background-color: var(--color-primary-contrast) !important;
  background-image: none !important;
}

.page-body.ccc-top .layout-header {
  background-color: var(--color-primary-contrast);
}

.page-body.ccc-top.width-small .layout-header .block-HeaderSet1 {
  background-color: transparent;
  pointer-events: none;
}
.page-body.ccc-top.width-small .layout-header .block-HeaderSet1 .trigger,
.page-body.ccc-top.width-small .layout-header .block-HeaderSet1 .TriggerMenu2.active {
  pointer-events: all;
}

.page-body.ccc-top.width-small .layout-header {
  height: 55px;
}
.page-body.ccc-top.width-small .layout-header .block-HeaderSet1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

[data-max-width="1100-"].ccc-top.width-small .layout-header .block-HeaderSet1 .b-body .part-HeaderSet1 .unit2,
[data-max-width="1100-"].ccc-top.width-small.device-pc .layout-header .block-HeaderSet1 .b-body .part-HeaderSet1 .unit2 {
  width: 70px;
  margin: 0 0 0 auto;
}

.page-body.ccc-top .layout-page {
  background-color: var(--color-secondary);
}

.page-body.ccc-top .layout-body {
  background-color: var(--color-secondary);
}

.page-body.ccc-pageTop:not(.width-small) .layout-page .layout-body {
  padding: 0 2% 2% 2%;
}

.page-body:not(.ccc-pageTop) .layout-header .block-Heading {
  padding-top: 10px;
}

.page-body:not(.ccc-pageTop) .layout-header .block-Heading h1.part-Heading {
  font-size: 100%;
}

.page-body.ccc-top.width-small .layout-header .block-Heading h1.part-Heading {
  font-size: 100%;
  text-align: left;
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
}