@charset "UTF-8";
/* config.scss
-------------------------------------------------------*/
:root {
  --color-main: #57AA53;
  --color-sub: #2C37B4;
  --color-sub2: #FF8B3E;
  --color-sub3: #F04D6C;
  --color-bg: #F8F8F8;
  --color-bg2: #F9FAFF;
  --color-bg3: #E8F5E7;
  --color-bg4: #FFEFEF;
  --color-bg5: #FFFCF3;
  --color-grad1: linear-gradient(100deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  --color-grad2: linear-gradient(100deg, #FFCC41 0%, #FF7941 50%, #FC441E 100%);
  --color-dk: #666;
  --color-border: #ddd;
  --color-cv: linear-gradient(100deg, #FFBE97 0%, #FE9E8F 30%, #FD7887 70%, #F3475A 100%);
  --color-caution: #F04D6C;
  --color-cautionBg: #FFEFEF;
  --color-txt: #333;
  --color-caption: #818181;
  --color-link: #57AA53;
  --color-hover: #57AA53;
  --color-bk: #000;
  --color-wh: #fff;
  --color-gray9: #999;
  --color-grayC: #ccc;
  --color-red: #f00;
  --color-shadow: rgba(0, 0, 0, 0.16);
  --font-base: "Noto Sans JP", sans-serif;
  --font-sub: "Inter", "Noto Sans JP", sans-serif;
  --font-sub2: "Lato", sans-serif;
  --font-title: "M PLUS Rounded 1c", sans-serif;
  --wrap-s: 1000px;
  --wrap-m: 1200px;
  --wrap-l: 1400px;
  --wrap-base: calc(100% - 40px);
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --lineHeight-xs: 1.2;
  --lineHeight-s: 1.4;
  --lineHeight-m: 1.6;
  --lineHeight-l: 1.8;
  --lineHeight-xl: 2;
  --trans-min02: all 0.2s ease-out;
  --trans-min03: all 0.3s ease-out;
  --trans-min04: all 0.4s ease-out;
  --trans-min05: all 0.5s ease-out;
  --trans-min06: all 0.6s ease-out;
  --trans-min07: all 0.7s ease-out;
  --trans-min08: all 0.8s ease-out;
  --trans-min09: all 0.9s ease-out;
  --trans-min1: all 1s ease-out;
  --img-zoom: scale(1.1);
  --img-zoomout: scale(0.88);
  --header-height-pc: 152px;
  --header-height-sp: 60px;
}

/* /_config.scss
-------------------------------------------------------*/
/* _media.scss
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _font.scss
-------------------------------------------------------*/
/* /_font.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
	-------------------------------------------------------*/
/* _animation.scss
-------------------------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    display: block;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    display: block;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes popup {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes blur {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blur {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes scrollToLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes scrollToLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
/* inview */
.js_inview {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
}

.js_inview-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 767px) {
  .js_inview {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  .js_inview-show {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* /_animation.scss
-------------------------------------------------------*/
/* _reset.scss
-------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

fieldset,
img {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

* {
  max-height: 999999px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

figure {
  line-height: 0;
}

figcaption {
  line-height: 1.2;
}

sup,
sub {
  line-height: 1;
}

.img_inherit {
  max-width: inherit;
  max-height: inherit;
}

main {
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

a:focus {
  /*outline: none;*/
}

button {
  font-family: var(--font-base);
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  color: inherit;
  font-size: 1rem;
}

.slick-slide {
  outline: none;
}

table {
  font-size: inherit;
  font: 100%;
}

.slick-dots {
  font-size: 0;
  line-height: 0;
}

.slick-dots li {
  display: inline-block;
  vertical-align: top;
  background: none;
  cursor: pointer;
}

.slick-dots button {
  border: none !important;
  background: none !important;
  outline: none !important;
  font-size: 0;
}

.slick-arrow.slick-disabled {
  pointer-events: none;
}

a[href*="tel:"] {
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none !important;
    color: inherit !important;
  }
}

/* /_reset.scss
-------------------------------------------------------*/
/* _layout.scss
-------------------------------------------------------*/
.ly {
  /* コンテンツ幅 */
}
.ly_wrap_s {
  width: var(--wrap-base);
  margin: 0 auto;
  max-width: var(--wrap-s);
}
.ly_wrap_m {
  width: var(--wrap-base);
  margin: 0 auto;
  max-width: var(--wrap-m);
}
.ly_wrap_l {
  width: var(--wrap-base);
  margin: 0 auto;
  max-width: var(--wrap-l);
}
.ly_wrap_1920 {
  max-width: 1920px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ly_wrap_sp {
    width: var(--wrap-base);
    margin: 0 auto;
  }
  .ly_wrap_spmax {
    width: 100%;
  }
}
.ly {
  /* セクション */
}
.ly_sect_main {
  padding: 80px 0 90px;
}
.ly_sect_main:last-child {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .ly_sect_main {
    padding: 60px 0 70px;
  }
  .ly_sect_main:last-child {
    padding-bottom: 90px;
  }
}
.ly_sect_bg {
  background-color: var(--color-bg2);
}
.ly_sect_bg2 {
  background-color: var(--color-bg);
}
.ly_sect_bg3 {
  background-color: var(--color-bg5);
}
.ly_sect_sub + .ly_sect_sub {
  margin-top: 60px;
}
.ly {
  /* 余白 */
}
.ly_margin_top_xxl {
  margin-top: 180px !important;
}
.ly_margin_top_xl {
  margin-top: 120px !important;
}
.ly_margin_top_lla {
  margin-top: 100px !important;
}
.ly_margin_top_la {
  margin-top: 80px !important;
}
.ly_margin_top_md {
  margin-top: 50px !important;
}
.ly_margin_top_mmd {
  margin-top: 40px !important;
}
.ly_margin_top_sm {
  margin-top: 30px !important;
}
.ly_margin_top_ssm {
  margin-top: 20px !important;
}
.ly_margin_bottom_xxl {
  margin-bottom: 180px !important;
}
.ly_margin_bottom_xl {
  margin-bottom: 120px !important;
}
.ly_margin_bottom_lla {
  margin-bottom: 100px !important;
}
.ly_margin_bottom_la {
  margin-bottom: 80px !important;
}
.ly_margin_bottom_md {
  margin-bottom: 50px !important;
}
.ly_margin_bottom_mmd {
  margin-bottom: 40px !important;
}
.ly_margin_bottom_sm {
  margin-bottom: 30px !important;
}
.ly_margin_bottom_ssm {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
  .ly_margin_top_xxl {
    margin-top: 140px !important;
  }
  .ly_margin_top_xl {
    margin-top: 100px !important;
  }
  .ly_margin_top_lla {
    margin-top: 80px !important;
  }
  .ly_margin_top_la {
    margin-top: 60px !important;
  }
  .ly_margin_top_md {
    margin-top: 40px !important;
  }
  .ly_margin_top_mmd {
    margin-top: 30px !important;
  }
  .ly_margin_top_sm {
    margin-top: 20px !important;
  }
  .ly_margin_top_ssm {
    margin-top: 10px !important;
  }
  .ly_margin_bottom_xxl {
    margin-bottom: 140px !important;
  }
  .ly_margin_bottom_xl {
    margin-bottom: 100px !important;
  }
  .ly_margin_bottom_lla {
    margin-bottom: 80px !important;
  }
  .ly_margin_bottom_la {
    margin-bottom: 60px !important;
  }
  .ly_margin_bottom_md {
    margin-bottom: 40px !important;
  }
  .ly_margin_bottom_mmd {
    margin-bottom: 30px !important;
  }
  .ly_margin_bottom_sm {
    margin-bottom: 20px !important;
  }
  .ly_margin_bottom_ssm {
    margin-bottom: 10px !important;
  }
}
.ly {
  /* 幅 */
}
.ly_padding_top_xxl {
  padding-top: 180px !important;
}
.ly_padding_top_xl {
  padding-top: 120px !important;
}
.ly_padding_top_lla {
  padding-top: 100px !important;
}
.ly_padding_top_la {
  padding-top: 80px !important;
}
.ly_padding_top_md {
  padding-top: 50px !important;
}
.ly_padding_top_mmd {
  padding-top: 40px !important;
}
.ly_padding_top_sm {
  padding-top: 30px !important;
}
.ly_padding_top_ssm {
  padding-top: 20px !important;
}
.ly_padding_bottom_xxl {
  padding-bottom: 180px !important;
}
.ly_padding_bottom_xl {
  padding-bottom: 120px !important;
}
.ly_padding_bottom_lla {
  padding-bottom: 100px !important;
}
.ly_padding_bottom_la {
  padding-bottom: 80px !important;
}
.ly_padding_bottom_md {
  padding-bottom: 50px !important;
}
.ly_padding_bottom_mmd {
  padding-bottom: 40px !important;
}
.ly_padding_bottom_sm {
  padding-bottom: 30px !important;
}
.ly_padding_bottom_ssm {
  padding-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
  .ly_padding_top_xxl {
    padding-top: 140px !important;
  }
  .ly_padding_top_xl {
    padding-top: 100px !important;
  }
  .ly_padding_top_lla {
    padding-top: 80px !important;
  }
  .ly_padding_top_la {
    padding-top: 60px !important;
  }
  .ly_padding_top_md {
    padding-top: 40px !important;
  }
  .ly_padding_top_mmd {
    padding-top: 30px !important;
  }
  .ly_padding_top_sm {
    padding-top: 20px !important;
  }
  .ly_padding_top_ssm {
    padding-top: 10px !important;
  }
  .ly_padding_bottom_xxl {
    padding-bottom: 140px !important;
  }
  .ly_padding_bottom_xl {
    padding-bottom: 100px !important;
  }
  .ly_padding_bottom_lla {
    padding-bottom: 80px !important;
  }
  .ly_padding_bottom_la {
    padding-bottom: 60px !important;
  }
  .ly_padding_bottom_md {
    padding-bottom: 40px !important;
  }
  .ly_padding_bottom_mmd {
    padding-bottom: 30px !important;
  }
  .ly_padding_bottom_sm {
    padding-bottom: 20px !important;
  }
  .ly_padding_bottom_ssm {
    padding-bottom: 10px !important;
  }
}
.ly {
  /* 汎用コンテナー */
}
.ly_container {
  display: grid;
}
.ly_container--col1 {
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
}
.ly_container--col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.ly_container--col3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.ly_container--col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.ly_container--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ly_container_item {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .ly_container_item--col2 {
    width: calc((100% - 40px) / 2);
  }
  .ly_container_item--col3 {
    width: calc((100% - 60px) / 3);
  }
  .ly_container_item--col4 {
    width: calc((100% - 72px) / 4);
  }
}
@media screen and (max-width: 767px) {
  .ly_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }
  .ly_container--col2Sp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .ly_container_item + .ly_container_item {
    margin-top: 30px;
  }
  .ly_container--col2Sp .ly_container_item + .ly_container_item {
    margin-top: 0;
  }
}
.ly {
  /* パネル用コンテナー */
}
.ly_panelContainer {
  display: grid;
}
.ly_panelContainer--col1 {
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
}
.ly_panelContainer--col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.ly_panelContainer--col3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.ly_panelContainer--col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.ly_panelContainer_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.ly_panelContainer--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  .ly_panelContainer_item--col2 {
    width: calc((100% - 40px) / 2);
  }
  .ly_panelContainer_item--col3 {
    width: calc((100% - 60px) / 3);
  }
  .ly_panelContainer_item--col4 {
    width: calc((100% - 72px) / 4);
  }
}
@media screen and (max-width: 767px) {
  .ly_panelContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }
  .ly_panelContainer--col2Sp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .ly_panelContainer_item + .ly_panelContainer_item {
    margin-top: 30px;
  }
  .ly_panelContainer--col2Sp .ly_panelContainer_item + .ly_panelContainer_item {
    margin-top: 0;
  }
}

/* /_layout.scss
-------------------------------------------------------*/
/* _hp.css
-----------------------------------------------------------------*/
.hp {
  /*--------------- フォント ---------------*/
}
.hp_ff_en {
  font-family: var(--font-sub) !important;
}
.hp_fc_main {
  color: var(--color-main) !important;
}
.hp_fc_sub {
  color: var(--color-sub) !important;
}
.hp_fc_sub2 {
  color: var(--color-sub2) !important;
}
.hp_fc_sub3 {
  color: var(--color-sub3) !important;
}
.hp_fc_txt {
  color: var(--color-txt) !important;
}
.hp_fc_caption {
  color: var(--color-caption) !important;
}
.hp_fc_caution {
  color: var(--color-caution) !important;
}
.hp_fc_link {
  color: var(--color-link) !important;
}
.hp_fc_wh {
  color: var(--color-wh) !important;
}
.hp_fc_red {
  color: var(--color-caution) !important;
}
.hp_fc_pink {
  color: #FD7887 !important;
}
.hp_fw_200 {
  font-weight: var(--fw-200) !important;
}
.hp_fw_300 {
  font-weight: var(--fw-300) !important;
}
.hp_fw_400 {
  font-weight: var(--fw-400) !important;
}
.hp_fw_500 {
  font-weight: var(--fw-500) !important;
}
.hp_fw_700 {
  font-weight: var(--fw-700) !important;
}
.hp_fw_900 {
  font-weight: var(--fw-900) !important;
}
.hp_fs_10px {
  font-size: 10px !important;
}
.hp_fs_11px {
  font-size: 11px !important;
}
.hp_fs_12px {
  font-size: 12px !important;
}
.hp_fs_13px {
  font-size: 13px !important;
}
.hp_fs_14px {
  font-size: 14px !important;
}
.hp_fs_15px {
  font-size: 15px !important;
}
.hp_fs_16px {
  font-size: 16px !important;
}
.hp_fs_18px {
  font-size: 18px !important;
}
.hp_fs_20px {
  font-size: 20px !important;
}
.hp_fs_22px {
  font-size: 22px !important;
}
.hp_fs_24px {
  font-size: 24px !important;
}
.hp_fs_26px {
  font-size: 26px !important;
}
.hp_fs_28px {
  font-size: 28px !important;
}
.hp_fs_30px {
  font-size: 30px !important;
}
.hp_fs_32px {
  font-size: 32px !important;
}
.hp_fs_34px {
  font-size: 34px !important;
}
.hp_fs_36px {
  font-size: 36px !important;
}
.hp_fs_38px {
  font-size: 38px !important;
}
.hp_fs_40px {
  font-size: 40px !important;
}
.hp_fs_42px {
  font-size: 42px !important;
}
.hp_fs_44px {
  font-size: 44px !important;
}
.hp_fs_46px {
  font-size: 46px !important;
}
.hp_fs_48px {
  font-size: 48px !important;
}
.hp_fs_95e {
  font-size: 0.95em !important;
}
.hp_fs_9e {
  font-size: 0.9em !important;
}
.hp_fs_85e {
  font-size: 0.85em !important;
}
.hp_fs_8e {
  font-size: 0.8em !important;
}
.hp_fs_75e {
  font-size: 0.75em !important;
}
.hp_fs_7e {
  font-size: 0.7em !important;
}
@media screen and (max-width: 767px) {
  .hp_fs_10px_sp {
    font-size: 10px !important;
  }
  .hp_fs_11px_sp {
    font-size: 11px !important;
  }
  .hp_fs_12px_sp {
    font-size: 12px !important;
  }
  .hp_fs_13px_sp {
    font-size: 13px !important;
  }
  .hp_fs_14px_sp {
    font-size: 14px !important;
  }
  .hp_fs_15px_sp {
    font-size: 15px !important;
  }
  .hp_fs_16px_sp {
    font-size: 16px !important;
  }
  .hp_fs_18px_sp {
    font-size: 18px !important;
  }
  .hp_fs_20px_sp {
    font-size: 20px !important;
  }
  .hp_fs_22px_sp {
    font-size: 22px !important;
  }
  .hp_fs_24px_sp {
    font-size: 24px !important;
  }
  .hp_fs_26px_sp {
    font-size: 26px !important;
  }
  .hp_fs_28px_sp {
    font-size: 28px !important;
  }
  .hp_fs_30px_sp {
    font-size: 30px !important;
  }
  .hp_fs_32px_sp {
    font-size: 32px !important;
  }
  .hp_fs_34px_sp {
    font-size: 34px !important;
  }
  .hp_fs_36px_sp {
    font-size: 36px !important;
  }
  .hp_fs_38px_sp {
    font-size: 38px !important;
  }
  .hp_fs_40px_sp {
    font-size: 40px !important;
  }
  .hp_fs_42px_sp {
    font-size: 42px !important;
  }
  .hp_fs_44px_sp {
    font-size: 44px !important;
  }
  .hp_fs_46px_sp {
    font-size: 46px !important;
  }
  .hp_fs_48px_sp {
    font-size: 48px !important;
  }
  .hp_fs_95e_sp {
    font-size: 0.95em !important;
  }
  .hp_fs_9e_sp {
    font-size: 0.9em !important;
  }
  .hp_fs_85e_sp {
    font-size: 0.85em !important;
  }
  .hp_fs_8e_sp {
    font-size: 0.8em !important;
  }
  .hp_fs_75e_sp {
    font-size: 0.75em !important;
  }
  .hp_fs_7e_sp {
    font-size: 0.7em !important;
  }
}
.hp_lh_xs {
  line-height: var(--lineHeight-xs) !important;
}
.hp_lh_s {
  line-height: var(--lineHeight-s) !important;
}
.hp_lh_m {
  line-height: var(--lineHeight-m) !important;
}
.hp_lh_l {
  line-height: var(--lineHeight-l) !important;
}
.hp_lh_xl {
  line-height: var(--lineHeight-xl) !important;
}
.hp_ta_l {
  text-align: left !important;
}
.hp_ta_c {
  text-align: center !important;
}
.hp_ta_r {
  text-align: right !important;
}
@media screen and (min-width: 768px), print {
  .hp_ta_l_pc {
    text-align: left !important;
  }
  .hp_ta_c_pc {
    text-align: center !important;
  }
  .hp_ta_r_pc {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_ta_l_sp {
    text-align: left !important;
  }
  .hp_ta_c_sp {
    text-align: center !important;
  }
  .hp_ta_r_sp {
    text-align: right !important;
  }
}
.hp_td_u {
  text-decoration: underline !important;
}
.hp_ti_1em {
  text-indent: -1em !important;
  padding-left: 1em !important;
}
.hp_ti_1pfem {
  text-indent: -1.5em !important;
  padding-left: 1.5em !important;
}
.hp_ti_2em {
  text-indent: -2em !important;
  padding-left: 2em !important;
}
.hp_ti_2pfem {
  text-indent: -2.5em !important;
  padding-left: 2.5em !important;
}
.hp_ti_3em {
  text-indent: -3em !important;
  padding-left: 3em !important;
}
.hp_ti_3pfem {
  text-indent: -3.5em !important;
  padding-left: 3.5em !important;
}
.hp_ti_4em {
  text-indent: -4em !important;
  padding-left: 4em !important;
}
.hp_ti_4pfem {
  text-indent: -4.5em !important;
  padding-left: 4.5em !important;
}
.hp_le_xs {
  letter-spacing: 0.5px !important;
}
.hp_le_s {
  letter-spacing: 1px !important;
}
.hp_le_m {
  letter-spacing: 1.5px !important;
}
.hp_le_l {
  letter-spacing: 2px !important;
}
.hp_le_xl {
  letter-spacing: 2.5px !important;
}
.hp_le_xxl {
  letter-spacing: 3px !important;
}
.hp_wb_all {
  word-break: break-all;
}
.hp {
  /*--------------- /フォント ---------------*/
  /*--------------- 余白 ---------------*/
}
.hp_mAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 768px), print {
  .hp_mAuto_pc {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_mAuto_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.hp_mAutoAll {
  margin: auto !important;
}
@media screen and (min-width: 768px), print {
  .hp_mAutoAll_pc {
    margin: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_mAutoAll_sp {
    margin: auto !important;
  }
}
.hp_mt_0 {
  margin-top: 0px !important;
}
.hp_mt_5 {
  margin-top: 5px !important;
}
.hp_mt_10 {
  margin-top: 10px !important;
}
.hp_mt_15 {
  margin-top: 15px !important;
}
.hp_mt_20 {
  margin-top: 20px !important;
}
.hp_mt_25 {
  margin-top: 25px !important;
}
.hp_mt_30 {
  margin-top: 30px !important;
}
.hp_mt_35 {
  margin-top: 35px !important;
}
.hp_mt_40 {
  margin-top: 40px !important;
}
.hp_mt_45 {
  margin-top: 45px !important;
}
.hp_mt_50 {
  margin-top: 50px !important;
}
.hp_mt_55 {
  margin-top: 55px !important;
}
.hp_mt_60 {
  margin-top: 60px !important;
}
.hp_mt_65 {
  margin-top: 65px !important;
}
.hp_mt_70 {
  margin-top: 70px !important;
}
.hp_mt_75 {
  margin-top: 75px !important;
}
.hp_mt_80 {
  margin-top: 80px !important;
}
.hp_mt_85 {
  margin-top: 85px !important;
}
.hp_mt_90 {
  margin-top: 90px !important;
}
.hp_mt_95 {
  margin-top: 95px !important;
}
.hp_mt_100 {
  margin-top: 100px !important;
}
.hp_mt_pfem {
  margin-top: 0.5em !important;
}
.hp_mt_1em {
  margin-top: 1em !important;
}
.hp_mt_1pfem {
  margin-top: 1.5em !important;
}
.hp_mt_2em {
  margin-top: 2em !important;
}
.hp_mt_2pfem {
  margin-top: 2.5em !important;
}
.hp_mt_3em {
  margin-top: 3em !important;
}
.hp_mt_auto {
  margin-top: auto !important;
}
@media screen and (min-width: 768px), print {
  .hp_mt_0_pc {
    margin-top: 0px !important;
  }
  .hp_mt_5_pc {
    margin-top: 5px !important;
  }
  .hp_mt_10_pc {
    margin-top: 10px !important;
  }
  .hp_mt_15_pc {
    margin-top: 15px !important;
  }
  .hp_mt_20_pc {
    margin-top: 20px !important;
  }
  .hp_mt_25_pc {
    margin-top: 25px !important;
  }
  .hp_mt_30_pc {
    margin-top: 30px !important;
  }
  .hp_mt_35_pc {
    margin-top: 35px !important;
  }
  .hp_mt_40_pc {
    margin-top: 40px !important;
  }
  .hp_mt_45_pc {
    margin-top: 45px !important;
  }
  .hp_mt_50_pc {
    margin-top: 50px !important;
  }
  .hp_mt_55_pc {
    margin-top: 55px !important;
  }
  .hp_mt_60_pc {
    margin-top: 60px !important;
  }
  .hp_mt_65_pc {
    margin-top: 65px !important;
  }
  .hp_mt_70_pc {
    margin-top: 70px !important;
  }
  .hp_mt_75_pc {
    margin-top: 75px !important;
  }
  .hp_mt_80_pc {
    margin-top: 80px !important;
  }
  .hp_mt_85_pc {
    margin-top: 85px !important;
  }
  .hp_mt_90_pc {
    margin-top: 90px !important;
  }
  .hp_mt_95_pc {
    margin-top: 95px !important;
  }
  .hp_mt_100_pc {
    margin-top: 100px !important;
  }
  .hp_mt_pfem_pc {
    margin-top: 0.5em !important;
  }
  .hp_mt_1em_pc {
    margin-top: 1em !important;
  }
  .hp_mt_1pfem_pc {
    margin-top: 1.5em !important;
  }
  .hp_mt_2em_pc {
    margin-top: 2em !important;
  }
  .hp_mt_2pfem_pc {
    margin-top: 2.5em !important;
  }
  .hp_mt_3em_pc {
    margin-top: 3em !important;
  }
  .hp_mt_auto_pc {
    margin-top: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_mt_0_sp {
    margin-top: 0px !important;
  }
  .hp_mt_5_sp {
    margin-top: 5px !important;
  }
  .hp_mt_10_sp {
    margin-top: 10px !important;
  }
  .hp_mt_15_sp {
    margin-top: 15px !important;
  }
  .hp_mt_20_sp {
    margin-top: 20px !important;
  }
  .hp_mt_25_sp {
    margin-top: 25px !important;
  }
  .hp_mt_30_sp {
    margin-top: 30px !important;
  }
  .hp_mt_35_sp {
    margin-top: 35px !important;
  }
  .hp_mt_40_sp {
    margin-top: 40px !important;
  }
  .hp_mt_45_sp {
    margin-top: 45px !important;
  }
  .hp_mt_50_sp {
    margin-top: 50px !important;
  }
  .hp_mt_55_sp {
    margin-top: 55px !important;
  }
  .hp_mt_60_sp {
    margin-top: 60px !important;
  }
  .hp_mt_65_sp {
    margin-top: 65px !important;
  }
  .hp_mt_70_sp {
    margin-top: 70px !important;
  }
  .hp_mt_75_sp {
    margin-top: 75px !important;
  }
  .hp_mt_80_sp {
    margin-top: 80px !important;
  }
  .hp_mt_85_sp {
    margin-top: 85px !important;
  }
  .hp_mt_90_sp {
    margin-top: 90px !important;
  }
  .hp_mt_95_sp {
    margin-top: 95px !important;
  }
  .hp_mt_100_sp {
    margin-top: 100px !important;
  }
  .hp_mt_pfem_sp {
    margin-top: 0.5em !important;
  }
  .hp_mt_1em_sp {
    margin-top: 1em !important;
  }
  .hp_mt_1pfem_sp {
    margin-top: 1.5em !important;
  }
  .hp_mt_2em_sp {
    margin-top: 2em !important;
  }
  .hp_mt_2pfem_sp {
    margin-top: 2.5em !important;
  }
  .hp_mt_3em_sp {
    margin-top: 3em !important;
  }
  .hp_mt_auto_sp {
    margin-top: auto !important;
  }
}
.hp_mr_0 {
  margin-right: 0px !important;
}
.hp_mr_5 {
  margin-right: 5px !important;
}
.hp_mr_10 {
  margin-right: 10px !important;
}
.hp_mr_15 {
  margin-right: 15px !important;
}
.hp_mr_20 {
  margin-right: 20px !important;
}
.hp_mr_25 {
  margin-right: 25px !important;
}
.hp_mr_30 {
  margin-right: 30px !important;
}
.hp_mr_35 {
  margin-right: 35px !important;
}
.hp_mr_40 {
  margin-right: 40px !important;
}
.hp_mr_45 {
  margin-right: 45px !important;
}
.hp_mr_50 {
  margin-right: 50px !important;
}
.hp_mr_55 {
  margin-right: 55px !important;
}
.hp_mr_60 {
  margin-right: 60px !important;
}
.hp_mr_65 {
  margin-right: 65px !important;
}
.hp_mr_70 {
  margin-right: 70px !important;
}
.hp_mr_75 {
  margin-right: 75px !important;
}
.hp_mr_80 {
  margin-right: 80px !important;
}
.hp_mr_85 {
  margin-right: 85px !important;
}
.hp_mr_90 {
  margin-right: 90px !important;
}
.hp_mr_95 {
  margin-right: 95px !important;
}
.hp_mr_100 {
  margin-right: 100px !important;
}
.hp_mr_pfem {
  margin-right: 0.5em !important;
}
.hp_mr_1em {
  margin-right: 1em !important;
}
.hp_mr_1pfem {
  margin-right: 1.5em !important;
}
.hp_mr_2em {
  margin-right: 2em !important;
}
.hp_mr_2pfem {
  margin-right: 2.5em !important;
}
.hp_mr_3em {
  margin-right: 3em !important;
}
.hp_mr_auto {
  margin-right: auto !important;
}
@media screen and (min-width: 768px), print {
  .hp_mr_0_pc {
    margin-right: 0px !important;
  }
  .hp_mr_5_pc {
    margin-right: 5px !important;
  }
  .hp_mr_10_pc {
    margin-right: 10px !important;
  }
  .hp_mr_15_pc {
    margin-right: 15px !important;
  }
  .hp_mr_20_pc {
    margin-right: 20px !important;
  }
  .hp_mr_25_pc {
    margin-right: 25px !important;
  }
  .hp_mr_30_pc {
    margin-right: 30px !important;
  }
  .hp_mr_35_pc {
    margin-right: 35px !important;
  }
  .hp_mr_40_pc {
    margin-right: 40px !important;
  }
  .hp_mr_45_pc {
    margin-right: 45px !important;
  }
  .hp_mr_50_pc {
    margin-right: 50px !important;
  }
  .hp_mr_55_pc {
    margin-right: 55px !important;
  }
  .hp_mr_60_pc {
    margin-right: 60px !important;
  }
  .hp_mr_65_pc {
    margin-right: 65px !important;
  }
  .hp_mr_70_pc {
    margin-right: 70px !important;
  }
  .hp_mr_75_pc {
    margin-right: 75px !important;
  }
  .hp_mr_80_pc {
    margin-right: 80px !important;
  }
  .hp_mr_85_pc {
    margin-right: 85px !important;
  }
  .hp_mr_90_pc {
    margin-right: 90px !important;
  }
  .hp_mr_95_pc {
    margin-right: 95px !important;
  }
  .hp_mr_100_pc {
    margin-right: 100px !important;
  }
  .hp_mr_pfem_pc {
    margin-right: 0.5em !important;
  }
  .hp_mr_1em_pc {
    margin-right: 1em !important;
  }
  .hp_mr_1pfem_pc {
    margin-right: 1.5em !important;
  }
  .hp_mr_2em_pc {
    margin-right: 2em !important;
  }
  .hp_mr_2pfem_pc {
    margin-right: 2.5em !important;
  }
  .hp_mr_3em_pc {
    margin-right: 3em !important;
  }
  .hp_mr_auto_pc {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_mr_0_sp {
    margin-right: 0px !important;
  }
  .hp_mr_5_sp {
    margin-right: 5px !important;
  }
  .hp_mr_10_sp {
    margin-right: 10px !important;
  }
  .hp_mr_15_sp {
    margin-right: 15px !important;
  }
  .hp_mr_20_sp {
    margin-right: 20px !important;
  }
  .hp_mr_25_sp {
    margin-right: 25px !important;
  }
  .hp_mr_30_sp {
    margin-right: 30px !important;
  }
  .hp_mr_35_sp {
    margin-right: 35px !important;
  }
  .hp_mr_40_sp {
    margin-right: 40px !important;
  }
  .hp_mr_45_sp {
    margin-right: 45px !important;
  }
  .hp_mr_50_sp {
    margin-right: 50px !important;
  }
  .hp_mr_55_sp {
    margin-right: 55px !important;
  }
  .hp_mr_60_sp {
    margin-right: 60px !important;
  }
  .hp_mr_65_sp {
    margin-right: 65px !important;
  }
  .hp_mr_70_sp {
    margin-right: 70px !important;
  }
  .hp_mr_75_sp {
    margin-right: 75px !important;
  }
  .hp_mr_80_sp {
    margin-right: 80px !important;
  }
  .hp_mr_85_sp {
    margin-right: 85px !important;
  }
  .hp_mr_90_sp {
    margin-right: 90px !important;
  }
  .hp_mr_95_sp {
    margin-right: 95px !important;
  }
  .hp_mr_100_sp {
    margin-right: 100px !important;
  }
  .hp_mr_pfem_sp {
    margin-right: 0.5em !important;
  }
  .hp_mr_1em_sp {
    margin-right: 1em !important;
  }
  .hp_mr_1pfem_sp {
    margin-right: 1.5em !important;
  }
  .hp_mr_2em_sp {
    margin-right: 2em !important;
  }
  .hp_mr_2pfem_sp {
    margin-right: 2.5em !important;
  }
  .hp_mr_3em_sp {
    margin-right: 3em !important;
  }
  .hp_mr_auto_sp {
    margin-right: auto !important;
  }
}
.hp_mb_0 {
  margin-bottom: 0px !important;
}
.hp_mb_5 {
  margin-bottom: 5px !important;
}
.hp_mb_10 {
  margin-bottom: 10px !important;
}
.hp_mb_15 {
  margin-bottom: 15px !important;
}
.hp_mb_20 {
  margin-bottom: 20px !important;
}
.hp_mb_25 {
  margin-bottom: 25px !important;
}
.hp_mb_30 {
  margin-bottom: 30px !important;
}
.hp_mb_35 {
  margin-bottom: 35px !important;
}
.hp_mb_40 {
  margin-bottom: 40px !important;
}
.hp_mb_45 {
  margin-bottom: 45px !important;
}
.hp_mb_50 {
  margin-bottom: 50px !important;
}
.hp_mb_55 {
  margin-bottom: 55px !important;
}
.hp_mb_60 {
  margin-bottom: 60px !important;
}
.hp_mb_65 {
  margin-bottom: 65px !important;
}
.hp_mb_70 {
  margin-bottom: 70px !important;
}
.hp_mb_75 {
  margin-bottom: 75px !important;
}
.hp_mb_80 {
  margin-bottom: 80px !important;
}
.hp_mb_85 {
  margin-bottom: 85px !important;
}
.hp_mb_90 {
  margin-bottom: 90px !important;
}
.hp_mb_95 {
  margin-bottom: 95px !important;
}
.hp_mb_100 {
  margin-bottom: 100px !important;
}
.hp_mb_pfem {
  margin-bottom: 0.5em !important;
}
.hp_mb_1em {
  margin-bottom: 1em !important;
}
.hp_mb_1pfem {
  margin-bottom: 1.5em !important;
}
.hp_mb_2em {
  margin-bottom: 2em !important;
}
.hp_mb_2pfem {
  margin-bottom: 2.5em !important;
}
.hp_mb_3em {
  margin-bottom: 3em !important;
}
.hp_mb_auto {
  margin-bottom: auto !important;
}
@media screen and (min-width: 768px), print {
  .hp_mb_0_pc {
    margin-bottom: 0px !important;
  }
  .hp_mb_5_pc {
    margin-bottom: 5px !important;
  }
  .hp_mb_10_pc {
    margin-bottom: 10px !important;
  }
  .hp_mb_15_pc {
    margin-bottom: 15px !important;
  }
  .hp_mb_20_pc {
    margin-bottom: 20px !important;
  }
  .hp_mb_25_pc {
    margin-bottom: 25px !important;
  }
  .hp_mb_30_pc {
    margin-bottom: 30px !important;
  }
  .hp_mb_35_pc {
    margin-bottom: 35px !important;
  }
  .hp_mb_40_pc {
    margin-bottom: 40px !important;
  }
  .hp_mb_45_pc {
    margin-bottom: 45px !important;
  }
  .hp_mb_50_pc {
    margin-bottom: 50px !important;
  }
  .hp_mb_55_pc {
    margin-bottom: 55px !important;
  }
  .hp_mb_60_pc {
    margin-bottom: 60px !important;
  }
  .hp_mb_65_pc {
    margin-bottom: 65px !important;
  }
  .hp_mb_70_pc {
    margin-bottom: 70px !important;
  }
  .hp_mb_75_pc {
    margin-bottom: 75px !important;
  }
  .hp_mb_80_pc {
    margin-bottom: 80px !important;
  }
  .hp_mb_85_pc {
    margin-bottom: 85px !important;
  }
  .hp_mb_90_pc {
    margin-bottom: 90px !important;
  }
  .hp_mb_95_pc {
    margin-bottom: 95px !important;
  }
  .hp_mb_100_pc {
    margin-bottom: 100px !important;
  }
  .hp_mb_pfem_pc {
    margin-bottom: 0.5em !important;
  }
  .hp_mb_1em_pc {
    margin-bottom: 1em !important;
  }
  .hp_mb_1pfem_pc {
    margin-bottom: 1.5em !important;
  }
  .hp_mb_2em_pc {
    margin-bottom: 2em !important;
  }
  .hp_mb_2pfem_pc {
    margin-bottom: 2.5em !important;
  }
  .hp_mb_3em_pc {
    margin-bottom: 3em !important;
  }
  .hp_mb_auto_pc {
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_mb_0_sp {
    margin-bottom: 0px !important;
  }
  .hp_mb_5_sp {
    margin-bottom: 5px !important;
  }
  .hp_mb_10_sp {
    margin-bottom: 10px !important;
  }
  .hp_mb_15_sp {
    margin-bottom: 15px !important;
  }
  .hp_mb_20_sp {
    margin-bottom: 20px !important;
  }
  .hp_mb_25_sp {
    margin-bottom: 25px !important;
  }
  .hp_mb_30_sp {
    margin-bottom: 30px !important;
  }
  .hp_mb_35_sp {
    margin-bottom: 35px !important;
  }
  .hp_mb_40_sp {
    margin-bottom: 40px !important;
  }
  .hp_mb_45_sp {
    margin-bottom: 45px !important;
  }
  .hp_mb_50_sp {
    margin-bottom: 50px !important;
  }
  .hp_mb_55_sp {
    margin-bottom: 55px !important;
  }
  .hp_mb_60_sp {
    margin-bottom: 60px !important;
  }
  .hp_mb_65_sp {
    margin-bottom: 65px !important;
  }
  .hp_mb_70_sp {
    margin-bottom: 70px !important;
  }
  .hp_mb_75_sp {
    margin-bottom: 75px !important;
  }
  .hp_mb_80_sp {
    margin-bottom: 80px !important;
  }
  .hp_mb_85_sp {
    margin-bottom: 85px !important;
  }
  .hp_mb_90_sp {
    margin-bottom: 90px !important;
  }
  .hp_mb_95_sp {
    margin-bottom: 95px !important;
  }
  .hp_mb_100_sp {
    margin-bottom: 100px !important;
  }
  .hp_mb_pfem_sp {
    margin-bottom: 0.5em !important;
  }
  .hp_mb_1em_sp {
    margin-bottom: 1em !important;
  }
  .hp_mb_1pfem_sp {
    margin-bottom: 1.5em !important;
  }
  .hp_mb_2em_sp {
    margin-bottom: 2em !important;
  }
  .hp_mb_2pfem_sp {
    margin-bottom: 2.5em !important;
  }
  .hp_mb_3em_sp {
    margin-bottom: 3em !important;
  }
  .hp_mb_auto_sp {
    margin-bottom: auto !important;
  }
}
.hp_ml_0 {
  margin-left: 0px !important;
}
.hp_ml_5 {
  margin-left: 5px !important;
}
.hp_ml_10 {
  margin-left: 10px !important;
}
.hp_ml_15 {
  margin-left: 15px !important;
}
.hp_ml_20 {
  margin-left: 20px !important;
}
.hp_ml_25 {
  margin-left: 25px !important;
}
.hp_ml_30 {
  margin-left: 30px !important;
}
.hp_ml_35 {
  margin-left: 35px !important;
}
.hp_ml_40 {
  margin-left: 40px !important;
}
.hp_ml_45 {
  margin-left: 45px !important;
}
.hp_ml_50 {
  margin-left: 50px !important;
}
.hp_ml_55 {
  margin-left: 55px !important;
}
.hp_ml_60 {
  margin-left: 60px !important;
}
.hp_ml_65 {
  margin-left: 65px !important;
}
.hp_ml_70 {
  margin-left: 70px !important;
}
.hp_ml_75 {
  margin-left: 75px !important;
}
.hp_ml_80 {
  margin-left: 80px !important;
}
.hp_ml_85 {
  margin-left: 85px !important;
}
.hp_ml_90 {
  margin-left: 90px !important;
}
.hp_ml_95 {
  margin-left: 95px !important;
}
.hp_ml_100 {
  margin-left: 100px !important;
}
.hp_ml_pfem {
  margin-left: 0.5em !important;
}
.hp_ml_1em {
  margin-left: 1em !important;
}
.hp_ml_1pfem {
  margin-left: 1.5em !important;
}
.hp_ml_2em {
  margin-left: 2em !important;
}
.hp_ml_2pfem {
  margin-left: 2.5em !important;
}
.hp_ml_3em {
  margin-left: 3em !important;
}
.hp_ml_auto {
  margin-left: auto !important;
}
@media screen and (min-width: 768px), print {
  .hp_ml_0_pc {
    margin-left: 0px !important;
  }
  .hp_ml_5_pc {
    margin-left: 5px !important;
  }
  .hp_ml_10_pc {
    margin-left: 10px !important;
  }
  .hp_ml_15_pc {
    margin-left: 15px !important;
  }
  .hp_ml_20_pc {
    margin-left: 20px !important;
  }
  .hp_ml_25_pc {
    margin-left: 25px !important;
  }
  .hp_ml_30_pc {
    margin-left: 30px !important;
  }
  .hp_ml_35_pc {
    margin-left: 35px !important;
  }
  .hp_ml_40_pc {
    margin-left: 40px !important;
  }
  .hp_ml_45_pc {
    margin-left: 45px !important;
  }
  .hp_ml_50_pc {
    margin-left: 50px !important;
  }
  .hp_ml_55_pc {
    margin-left: 55px !important;
  }
  .hp_ml_60_pc {
    margin-left: 60px !important;
  }
  .hp_ml_65_pc {
    margin-left: 65px !important;
  }
  .hp_ml_70_pc {
    margin-left: 70px !important;
  }
  .hp_ml_75_pc {
    margin-left: 75px !important;
  }
  .hp_ml_80_pc {
    margin-left: 80px !important;
  }
  .hp_ml_85_pc {
    margin-left: 85px !important;
  }
  .hp_ml_90_pc {
    margin-left: 90px !important;
  }
  .hp_ml_95_pc {
    margin-left: 95px !important;
  }
  .hp_ml_100_pc {
    margin-left: 100px !important;
  }
  .hp_ml_pfem_pc {
    margin-left: 0.5em !important;
  }
  .hp_ml_1em_pc {
    margin-left: 1em !important;
  }
  .hp_ml_1pfem_pc {
    margin-left: 1.5em !important;
  }
  .hp_ml_2em_pc {
    margin-left: 2em !important;
  }
  .hp_ml_2pfem_pc {
    margin-left: 2.5em !important;
  }
  .hp_ml_3em_pc {
    margin-left: 3em !important;
  }
  .hp_ml_auto_pc {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_ml_0_sp {
    margin-left: 0px !important;
  }
  .hp_ml_5_sp {
    margin-left: 5px !important;
  }
  .hp_ml_10_sp {
    margin-left: 10px !important;
  }
  .hp_ml_15_sp {
    margin-left: 15px !important;
  }
  .hp_ml_20_sp {
    margin-left: 20px !important;
  }
  .hp_ml_25_sp {
    margin-left: 25px !important;
  }
  .hp_ml_30_sp {
    margin-left: 30px !important;
  }
  .hp_ml_35_sp {
    margin-left: 35px !important;
  }
  .hp_ml_40_sp {
    margin-left: 40px !important;
  }
  .hp_ml_45_sp {
    margin-left: 45px !important;
  }
  .hp_ml_50_sp {
    margin-left: 50px !important;
  }
  .hp_ml_55_sp {
    margin-left: 55px !important;
  }
  .hp_ml_60_sp {
    margin-left: 60px !important;
  }
  .hp_ml_65_sp {
    margin-left: 65px !important;
  }
  .hp_ml_70_sp {
    margin-left: 70px !important;
  }
  .hp_ml_75_sp {
    margin-left: 75px !important;
  }
  .hp_ml_80_sp {
    margin-left: 80px !important;
  }
  .hp_ml_85_sp {
    margin-left: 85px !important;
  }
  .hp_ml_90_sp {
    margin-left: 90px !important;
  }
  .hp_ml_95_sp {
    margin-left: 95px !important;
  }
  .hp_ml_100_sp {
    margin-left: 100px !important;
  }
  .hp_ml_pfem_sp {
    margin-left: 0.5em !important;
  }
  .hp_ml_1em_sp {
    margin-left: 1em !important;
  }
  .hp_ml_1pfem_sp {
    margin-left: 1.5em !important;
  }
  .hp_ml_2em_sp {
    margin-left: 2em !important;
  }
  .hp_ml_2pfem_sp {
    margin-left: 2.5em !important;
  }
  .hp_ml_3em_sp {
    margin-left: 3em !important;
  }
  .hp_ml_auto_sp {
    margin-left: auto !important;
  }
}
.hp_p_0 {
  padding: 0px !important;
}
.hp_p_5 {
  padding: 5px !important;
}
.hp_p_10 {
  padding: 10px !important;
}
.hp_p_15 {
  padding: 15px !important;
}
.hp_p_20 {
  padding: 20px !important;
}
.hp_p_25 {
  padding: 25px !important;
}
.hp_p_30 {
  padding: 30px !important;
}
.hp_p_35 {
  padding: 35px !important;
}
.hp_p_40 {
  padding: 40px !important;
}
.hp_p_45 {
  padding: 45px !important;
}
.hp_p_50 {
  padding: 50px !important;
}
.hp_p_55 {
  padding: 55px !important;
}
.hp_p_60 {
  padding: 60px !important;
}
.hp_p_65 {
  padding: 65px !important;
}
.hp_p_70 {
  padding: 70px !important;
}
.hp_p_75 {
  padding: 75px !important;
}
.hp_p_80 {
  padding: 80px !important;
}
.hp_p_85 {
  padding: 85px !important;
}
.hp_p_90 {
  padding: 90px !important;
}
.hp_p_95 {
  padding: 95px !important;
}
.hp_p_100 {
  padding: 100px !important;
}
.hp_p_pfem {
  padding: 0.5em !important;
}
.hp_p_1em {
  padding: 1em !important;
}
.hp_p_1pfem {
  padding: 1.5em !important;
}
.hp_p_2em {
  padding: 2em !important;
}
.hp_p_2pfem {
  padding: 2.5em !important;
}
.hp_p_3em {
  padding: 3em !important;
}
@media screen and (min-width: 768px), print {
  .hp_p_0_pc {
    padding: 0px !important;
  }
  .hp_p_5_pc {
    padding: 5px !important;
  }
  .hp_p_10_pc {
    padding: 10px !important;
  }
  .hp_p_15_pc {
    padding: 15px !important;
  }
  .hp_p_20_pc {
    padding: 20px !important;
  }
  .hp_p_25_pc {
    padding: 25px !important;
  }
  .hp_p_30_pc {
    padding: 30px !important;
  }
  .hp_p_35_pc {
    padding: 35px !important;
  }
  .hp_p_40_pc {
    padding: 40px !important;
  }
  .hp_p_45_pc {
    padding: 45px !important;
  }
  .hp_p_50_pc {
    padding: 50px !important;
  }
  .hp_p_55_pc {
    padding: 55px !important;
  }
  .hp_p_60_pc {
    padding: 60px !important;
  }
  .hp_p_65_pc {
    padding: 65px !important;
  }
  .hp_p_70_pc {
    padding: 70px !important;
  }
  .hp_p_75_pc {
    padding: 75px !important;
  }
  .hp_p_80_pc {
    padding: 80px !important;
  }
  .hp_p_85_pc {
    padding: 85px !important;
  }
  .hp_p_90_pc {
    padding: 90px !important;
  }
  .hp_p_95_pc {
    padding: 95px !important;
  }
  .hp_p_100_pc {
    padding: 100px !important;
  }
  .hp_p_pfem_pc {
    padding: 0.5em !important;
  }
  .hp_p_1em_pc {
    padding: 1em !important;
  }
  .hp_p_1pfem_pc {
    padding: 1.5em !important;
  }
  .hp_p_2em_pc {
    padding: 2em !important;
  }
  .hp_p_2pfem_pc {
    padding: 2.5em !important;
  }
  .hp_p_3em_pc {
    padding: 3em !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_p_0_sp {
    padding: 0px !important;
  }
  .hp_p_5_sp {
    padding: 5px !important;
  }
  .hp_p_10_sp {
    padding: 10px !important;
  }
  .hp_p_15_sp {
    padding: 15px !important;
  }
  .hp_p_20_sp {
    padding: 20px !important;
  }
  .hp_p_25_sp {
    padding: 25px !important;
  }
  .hp_p_30_sp {
    padding: 30px !important;
  }
  .hp_p_35_sp {
    padding: 35px !important;
  }
  .hp_p_40_sp {
    padding: 40px !important;
  }
  .hp_p_45_sp {
    padding: 45px !important;
  }
  .hp_p_50_sp {
    padding: 50px !important;
  }
  .hp_p_55_sp {
    padding: 55px !important;
  }
  .hp_p_60_sp {
    padding: 60px !important;
  }
  .hp_p_65_sp {
    padding: 65px !important;
  }
  .hp_p_70_sp {
    padding: 70px !important;
  }
  .hp_p_75_sp {
    padding: 75px !important;
  }
  .hp_p_80_sp {
    padding: 80px !important;
  }
  .hp_p_85_sp {
    padding: 85px !important;
  }
  .hp_p_90_sp {
    padding: 90px !important;
  }
  .hp_p_95_sp {
    padding: 95px !important;
  }
  .hp_p_100_sp {
    padding: 100px !important;
  }
  .hp_p_pfem_sp {
    padding: 0.5em !important;
  }
  .hp_p_1em_sp {
    padding: 1em !important;
  }
  .hp_p_1pfem_sp {
    padding: 1.5em !important;
  }
  .hp_p_2em_sp {
    padding: 2em !important;
  }
  .hp_p_2pfem_sp {
    padding: 2.5em !important;
  }
  .hp_p_3em_sp {
    padding: 3em !important;
  }
}
.hp_pt_0 {
  padding-top: 0px !important;
}
.hp_pt_5 {
  padding-top: 5px !important;
}
.hp_pt_10 {
  padding-top: 10px !important;
}
.hp_pt_15 {
  padding-top: 15px !important;
}
.hp_pt_20 {
  padding-top: 20px !important;
}
.hp_pt_25 {
  padding-top: 25px !important;
}
.hp_pt_30 {
  padding-top: 30px !important;
}
.hp_pt_35 {
  padding-top: 35px !important;
}
.hp_pt_40 {
  padding-top: 40px !important;
}
.hp_pt_45 {
  padding-top: 45px !important;
}
.hp_pt_50 {
  padding-top: 50px !important;
}
.hp_pt_55 {
  padding-top: 55px !important;
}
.hp_pt_60 {
  padding-top: 60px !important;
}
.hp_pt_65 {
  padding-top: 65px !important;
}
.hp_pt_70 {
  padding-top: 70px !important;
}
.hp_pt_75 {
  padding-top: 75px !important;
}
.hp_pt_80 {
  padding-top: 80px !important;
}
.hp_pt_85 {
  padding-top: 85px !important;
}
.hp_pt_90 {
  padding-top: 90px !important;
}
.hp_pt_95 {
  padding-top: 95px !important;
}
.hp_pt_100 {
  padding-top: 100px !important;
}
.hp_pt_pfem {
  padding-top: 0.5em !important;
}
.hp_pt_1em {
  padding-top: 1em !important;
}
.hp_pt_1pfem {
  padding-top: 1.5em !important;
}
.hp_pt_2em {
  padding-top: 2em !important;
}
.hp_pt_2pfem {
  padding-top: 2.5em !important;
}
.hp_pt_3em {
  padding-top: 3em !important;
}
@media screen and (min-width: 768px), print {
  .hp_pt_0_pc {
    padding-top: 0px !important;
  }
  .hp_pt_5_pc {
    padding-top: 5px !important;
  }
  .hp_pt_10_pc {
    padding-top: 10px !important;
  }
  .hp_pt_15_pc {
    padding-top: 15px !important;
  }
  .hp_pt_20_pc {
    padding-top: 20px !important;
  }
  .hp_pt_25_pc {
    padding-top: 25px !important;
  }
  .hp_pt_30_pc {
    padding-top: 30px !important;
  }
  .hp_pt_35_pc {
    padding-top: 35px !important;
  }
  .hp_pt_40_pc {
    padding-top: 40px !important;
  }
  .hp_pt_45_pc {
    padding-top: 45px !important;
  }
  .hp_pt_50_pc {
    padding-top: 50px !important;
  }
  .hp_pt_55_pc {
    padding-top: 55px !important;
  }
  .hp_pt_60_pc {
    padding-top: 60px !important;
  }
  .hp_pt_65_pc {
    padding-top: 65px !important;
  }
  .hp_pt_70_pc {
    padding-top: 70px !important;
  }
  .hp_pt_75_pc {
    padding-top: 75px !important;
  }
  .hp_pt_80_pc {
    padding-top: 80px !important;
  }
  .hp_pt_85_pc {
    padding-top: 85px !important;
  }
  .hp_pt_90_pc {
    padding-top: 90px !important;
  }
  .hp_pt_95_pc {
    padding-top: 95px !important;
  }
  .hp_pt_100_pc {
    padding-top: 100px !important;
  }
  .hp_pt_pfem_pc {
    padding-top: 0.5em !important;
  }
  .hp_pt_1em_pc {
    padding-top: 1em !important;
  }
  .hp_pt_1pfem_pc {
    padding-top: 1.5em !important;
  }
  .hp_pt_2em_pc {
    padding-top: 2em !important;
  }
  .hp_pt_2pfem_pc {
    padding-top: 2.5em !important;
  }
  .hp_pt_3em_pc {
    padding-top: 3em !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_pt_0_sp {
    padding-top: 0px !important;
  }
  .hp_pt_5_sp {
    padding-top: 5px !important;
  }
  .hp_pt_10_sp {
    padding-top: 10px !important;
  }
  .hp_pt_15_sp {
    padding-top: 15px !important;
  }
  .hp_pt_20_sp {
    padding-top: 20px !important;
  }
  .hp_pt_25_sp {
    padding-top: 25px !important;
  }
  .hp_pt_30_sp {
    padding-top: 30px !important;
  }
  .hp_pt_35_sp {
    padding-top: 35px !important;
  }
  .hp_pt_40_sp {
    padding-top: 40px !important;
  }
  .hp_pt_45_sp {
    padding-top: 45px !important;
  }
  .hp_pt_50_sp {
    padding-top: 50px !important;
  }
  .hp_pt_55_sp {
    padding-top: 55px !important;
  }
  .hp_pt_60_sp {
    padding-top: 60px !important;
  }
  .hp_pt_65_sp {
    padding-top: 65px !important;
  }
  .hp_pt_70_sp {
    padding-top: 70px !important;
  }
  .hp_pt_75_sp {
    padding-top: 75px !important;
  }
  .hp_pt_80_sp {
    padding-top: 80px !important;
  }
  .hp_pt_85_sp {
    padding-top: 85px !important;
  }
  .hp_pt_90_sp {
    padding-top: 90px !important;
  }
  .hp_pt_95_sp {
    padding-top: 95px !important;
  }
  .hp_pt_100_sp {
    padding-top: 100px !important;
  }
  .hp_pt_pfem_sp {
    padding-top: 0.5em !important;
  }
  .hp_pt_1em_sp {
    padding-top: 1em !important;
  }
  .hp_pt_1pfem_sp {
    padding-top: 1.5em !important;
  }
  .hp_pt_2em_sp {
    padding-top: 2em !important;
  }
  .hp_pt_2pfem_sp {
    padding-top: 2.5em !important;
  }
  .hp_pt_3em_sp {
    padding-top: 3em !important;
  }
}
.hp_pr_0 {
  padding-right: 0px !important;
}
.hp_pr_5 {
  padding-right: 5px !important;
}
.hp_pr_10 {
  padding-right: 10px !important;
}
.hp_pr_15 {
  padding-right: 15px !important;
}
.hp_pr_20 {
  padding-right: 20px !important;
}
.hp_pr_25 {
  padding-right: 25px !important;
}
.hp_pr_30 {
  padding-right: 30px !important;
}
.hp_pr_35 {
  padding-right: 35px !important;
}
.hp_pr_40 {
  padding-right: 40px !important;
}
.hp_pr_45 {
  padding-right: 45px !important;
}
.hp_pr_50 {
  padding-right: 50px !important;
}
.hp_pr_55 {
  padding-right: 55px !important;
}
.hp_pr_60 {
  padding-right: 60px !important;
}
.hp_pr_65 {
  padding-right: 65px !important;
}
.hp_pr_70 {
  padding-right: 70px !important;
}
.hp_pr_75 {
  padding-right: 75px !important;
}
.hp_pr_80 {
  padding-right: 80px !important;
}
.hp_pr_85 {
  padding-right: 85px !important;
}
.hp_pr_90 {
  padding-right: 90px !important;
}
.hp_pr_95 {
  padding-right: 95px !important;
}
.hp_pr_100 {
  padding-right: 100px !important;
}
.hp_pr_pfem {
  padding-right: 0.5em !important;
}
.hp_pr_1em {
  padding-right: 1em !important;
}
.hp_pr_1pfem {
  padding-right: 1.5em !important;
}
.hp_pr_2em {
  padding-right: 2em !important;
}
.hp_pr_2pfem {
  padding-right: 2.5em !important;
}
.hp_pr_3em {
  padding-right: 3em !important;
}
@media screen and (min-width: 768px), print {
  .hp_pr_0_pc {
    padding-right: 0px !important;
  }
  .hp_pr_5_pc {
    padding-right: 5px !important;
  }
  .hp_pr_10_pc {
    padding-right: 10px !important;
  }
  .hp_pr_15_pc {
    padding-right: 15px !important;
  }
  .hp_pr_20_pc {
    padding-right: 20px !important;
  }
  .hp_pr_25_pc {
    padding-right: 25px !important;
  }
  .hp_pr_30_pc {
    padding-right: 30px !important;
  }
  .hp_pr_35_pc {
    padding-right: 35px !important;
  }
  .hp_pr_40_pc {
    padding-right: 40px !important;
  }
  .hp_pr_45_pc {
    padding-right: 45px !important;
  }
  .hp_pr_50_pc {
    padding-right: 50px !important;
  }
  .hp_pr_55_pc {
    padding-right: 55px !important;
  }
  .hp_pr_60_pc {
    padding-right: 60px !important;
  }
  .hp_pr_65_pc {
    padding-right: 65px !important;
  }
  .hp_pr_70_pc {
    padding-right: 70px !important;
  }
  .hp_pr_75_pc {
    padding-right: 75px !important;
  }
  .hp_pr_80_pc {
    padding-right: 80px !important;
  }
  .hp_pr_85_pc {
    padding-right: 85px !important;
  }
  .hp_pr_90_pc {
    padding-right: 90px !important;
  }
  .hp_pr_95_pc {
    padding-right: 95px !important;
  }
  .hp_pr_100_pc {
    padding-right: 100px !important;
  }
  .hp_pr_pfem_pc {
    padding-right: 0.5em !important;
  }
  .hp_pr_1em_pc {
    padding-right: 1em !important;
  }
  .hp_pr_1pfem_pc {
    padding-right: 1.5em !important;
  }
  .hp_pr_2em_pc {
    padding-right: 2em !important;
  }
  .hp_pr_2pfem_pc {
    padding-right: 2.5em !important;
  }
  .hp_pr_3em_pc {
    padding-right: 3em !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_pr_0_sp {
    padding-right: 0px !important;
  }
  .hp_pr_5_sp {
    padding-right: 5px !important;
  }
  .hp_pr_10_sp {
    padding-right: 10px !important;
  }
  .hp_pr_15_sp {
    padding-right: 15px !important;
  }
  .hp_pr_20_sp {
    padding-right: 20px !important;
  }
  .hp_pr_25_sp {
    padding-right: 25px !important;
  }
  .hp_pr_30_sp {
    padding-right: 30px !important;
  }
  .hp_pr_35_sp {
    padding-right: 35px !important;
  }
  .hp_pr_40_sp {
    padding-right: 40px !important;
  }
  .hp_pr_45_sp {
    padding-right: 45px !important;
  }
  .hp_pr_50_sp {
    padding-right: 50px !important;
  }
  .hp_pr_55_sp {
    padding-right: 55px !important;
  }
  .hp_pr_60_sp {
    padding-right: 60px !important;
  }
  .hp_pr_65_sp {
    padding-right: 65px !important;
  }
  .hp_pr_70_sp {
    padding-right: 70px !important;
  }
  .hp_pr_75_sp {
    padding-right: 75px !important;
  }
  .hp_pr_80_sp {
    padding-right: 80px !important;
  }
  .hp_pr_85_sp {
    padding-right: 85px !important;
  }
  .hp_pr_90_sp {
    padding-right: 90px !important;
  }
  .hp_pr_95_sp {
    padding-right: 95px !important;
  }
  .hp_pr_100_sp {
    padding-right: 100px !important;
  }
  .hp_pr_pfem_sp {
    padding-right: 0.5em !important;
  }
  .hp_pr_1em_sp {
    padding-right: 1em !important;
  }
  .hp_pr_1pfem_sp {
    padding-right: 1.5em !important;
  }
  .hp_pr_2em_sp {
    padding-right: 2em !important;
  }
  .hp_pr_2pfem_sp {
    padding-right: 2.5em !important;
  }
  .hp_pr_3em_sp {
    padding-right: 3em !important;
  }
}
.hp_pb_0 {
  padding-bottom: 0px !important;
}
.hp_pb_5 {
  padding-bottom: 5px !important;
}
.hp_pb_10 {
  padding-bottom: 10px !important;
}
.hp_pb_15 {
  padding-bottom: 15px !important;
}
.hp_pb_20 {
  padding-bottom: 20px !important;
}
.hp_pb_25 {
  padding-bottom: 25px !important;
}
.hp_pb_30 {
  padding-bottom: 30px !important;
}
.hp_pb_35 {
  padding-bottom: 35px !important;
}
.hp_pb_40 {
  padding-bottom: 40px !important;
}
.hp_pb_45 {
  padding-bottom: 45px !important;
}
.hp_pb_50 {
  padding-bottom: 50px !important;
}
.hp_pb_55 {
  padding-bottom: 55px !important;
}
.hp_pb_60 {
  padding-bottom: 60px !important;
}
.hp_pb_65 {
  padding-bottom: 65px !important;
}
.hp_pb_70 {
  padding-bottom: 70px !important;
}
.hp_pb_75 {
  padding-bottom: 75px !important;
}
.hp_pb_80 {
  padding-bottom: 80px !important;
}
.hp_pb_85 {
  padding-bottom: 85px !important;
}
.hp_pb_90 {
  padding-bottom: 90px !important;
}
.hp_pb_95 {
  padding-bottom: 95px !important;
}
.hp_pb_100 {
  padding-bottom: 100px !important;
}
.hp_pb_pfem {
  padding-bottom: 0.5em !important;
}
.hp_pb_1em {
  padding-bottom: 1em !important;
}
.hp_pb_1pfem {
  padding-bottom: 1.5em !important;
}
.hp_pb_2em {
  padding-bottom: 2em !important;
}
.hp_pb_2pfem {
  padding-bottom: 2.5em !important;
}
.hp_pb_3em {
  padding-bottom: 3em !important;
}
@media screen and (min-width: 768px), print {
  .hp_pb_0_pc {
    padding-bottom: 0px !important;
  }
  .hp_pb_5_pc {
    padding-bottom: 5px !important;
  }
  .hp_pb_10_pc {
    padding-bottom: 10px !important;
  }
  .hp_pb_15_pc {
    padding-bottom: 15px !important;
  }
  .hp_pb_20_pc {
    padding-bottom: 20px !important;
  }
  .hp_pb_25_pc {
    padding-bottom: 25px !important;
  }
  .hp_pb_30_pc {
    padding-bottom: 30px !important;
  }
  .hp_pb_35_pc {
    padding-bottom: 35px !important;
  }
  .hp_pb_40_pc {
    padding-bottom: 40px !important;
  }
  .hp_pb_45_pc {
    padding-bottom: 45px !important;
  }
  .hp_pb_50_pc {
    padding-bottom: 50px !important;
  }
  .hp_pb_55_pc {
    padding-bottom: 55px !important;
  }
  .hp_pb_60_pc {
    padding-bottom: 60px !important;
  }
  .hp_pb_65_pc {
    padding-bottom: 65px !important;
  }
  .hp_pb_70_pc {
    padding-bottom: 70px !important;
  }
  .hp_pb_75_pc {
    padding-bottom: 75px !important;
  }
  .hp_pb_80_pc {
    padding-bottom: 80px !important;
  }
  .hp_pb_85_pc {
    padding-bottom: 85px !important;
  }
  .hp_pb_90_pc {
    padding-bottom: 90px !important;
  }
  .hp_pb_95_pc {
    padding-bottom: 95px !important;
  }
  .hp_pb_100_pc {
    padding-bottom: 100px !important;
  }
  .hp_pb_pfem_pc {
    padding-bottom: 0.5em !important;
  }
  .hp_pb_1em_pc {
    padding-bottom: 1em !important;
  }
  .hp_pb_1pfem_pc {
    padding-bottom: 1.5em !important;
  }
  .hp_pb_2em_pc {
    padding-bottom: 2em !important;
  }
  .hp_pb_2pfem_pc {
    padding-bottom: 2.5em !important;
  }
  .hp_pb_3em_pc {
    padding-bottom: 3em !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_pb_0_sp {
    padding-bottom: 0px !important;
  }
  .hp_pb_5_sp {
    padding-bottom: 5px !important;
  }
  .hp_pb_10_sp {
    padding-bottom: 10px !important;
  }
  .hp_pb_15_sp {
    padding-bottom: 15px !important;
  }
  .hp_pb_20_sp {
    padding-bottom: 20px !important;
  }
  .hp_pb_25_sp {
    padding-bottom: 25px !important;
  }
  .hp_pb_30_sp {
    padding-bottom: 30px !important;
  }
  .hp_pb_35_sp {
    padding-bottom: 35px !important;
  }
  .hp_pb_40_sp {
    padding-bottom: 40px !important;
  }
  .hp_pb_45_sp {
    padding-bottom: 45px !important;
  }
  .hp_pb_50_sp {
    padding-bottom: 50px !important;
  }
  .hp_pb_55_sp {
    padding-bottom: 55px !important;
  }
  .hp_pb_60_sp {
    padding-bottom: 60px !important;
  }
  .hp_pb_65_sp {
    padding-bottom: 65px !important;
  }
  .hp_pb_70_sp {
    padding-bottom: 70px !important;
  }
  .hp_pb_75_sp {
    padding-bottom: 75px !important;
  }
  .hp_pb_80_sp {
    padding-bottom: 80px !important;
  }
  .hp_pb_85_sp {
    padding-bottom: 85px !important;
  }
  .hp_pb_90_sp {
    padding-bottom: 90px !important;
  }
  .hp_pb_95_sp {
    padding-bottom: 95px !important;
  }
  .hp_pb_100_sp {
    padding-bottom: 100px !important;
  }
  .hp_pb_pfem_sp {
    padding-bottom: 0.5em !important;
  }
  .hp_pb_1em_sp {
    padding-bottom: 1em !important;
  }
  .hp_pb_1pfem_sp {
    padding-bottom: 1.5em !important;
  }
  .hp_pb_2em_sp {
    padding-bottom: 2em !important;
  }
  .hp_pb_2pfem_sp {
    padding-bottom: 2.5em !important;
  }
  .hp_pb_3em_sp {
    padding-bottom: 3em !important;
  }
}
.hp_pl_0 {
  padding-left: 0px !important;
}
.hp_pl_5 {
  padding-left: 5px !important;
}
.hp_pl_10 {
  padding-left: 10px !important;
}
.hp_pl_15 {
  padding-left: 15px !important;
}
.hp_pl_20 {
  padding-left: 20px !important;
}
.hp_pl_25 {
  padding-left: 25px !important;
}
.hp_pl_30 {
  padding-left: 30px !important;
}
.hp_pl_35 {
  padding-left: 35px !important;
}
.hp_pl_40 {
  padding-left: 40px !important;
}
.hp_pl_45 {
  padding-left: 45px !important;
}
.hp_pl_50 {
  padding-left: 50px !important;
}
.hp_pl_55 {
  padding-left: 55px !important;
}
.hp_pl_60 {
  padding-left: 60px !important;
}
.hp_pl_65 {
  padding-left: 65px !important;
}
.hp_pl_70 {
  padding-left: 70px !important;
}
.hp_pl_75 {
  padding-left: 75px !important;
}
.hp_pl_80 {
  padding-left: 80px !important;
}
.hp_pl_85 {
  padding-left: 85px !important;
}
.hp_pl_90 {
  padding-left: 90px !important;
}
.hp_pl_95 {
  padding-left: 95px !important;
}
.hp_pl_100 {
  padding-left: 100px !important;
}
.hp_pl_pfem {
  padding-left: 0.5em !important;
}
.hp_pl_1em {
  padding-left: 1em !important;
}
.hp_pl_1pfem {
  padding-left: 1.5em !important;
}
.hp_pl_2em {
  padding-left: 2em !important;
}
.hp_pl_2pfem {
  padding-left: 2.5em !important;
}
.hp_pl_3em {
  padding-left: 3em !important;
}
@media screen and (min-width: 768px), print {
  .hp_pl_0_pc {
    padding-left: 0px !important;
  }
  .hp_pl_5_pc {
    padding-left: 5px !important;
  }
  .hp_pl_10_pc {
    padding-left: 10px !important;
  }
  .hp_pl_15_pc {
    padding-left: 15px !important;
  }
  .hp_pl_20_pc {
    padding-left: 20px !important;
  }
  .hp_pl_25_pc {
    padding-left: 25px !important;
  }
  .hp_pl_30_pc {
    padding-left: 30px !important;
  }
  .hp_pl_35_pc {
    padding-left: 35px !important;
  }
  .hp_pl_40_pc {
    padding-left: 40px !important;
  }
  .hp_pl_45_pc {
    padding-left: 45px !important;
  }
  .hp_pl_50_pc {
    padding-left: 50px !important;
  }
  .hp_pl_55_pc {
    padding-left: 55px !important;
  }
  .hp_pl_60_pc {
    padding-left: 60px !important;
  }
  .hp_pl_65_pc {
    padding-left: 65px !important;
  }
  .hp_pl_70_pc {
    padding-left: 70px !important;
  }
  .hp_pl_75_pc {
    padding-left: 75px !important;
  }
  .hp_pl_80_pc {
    padding-left: 80px !important;
  }
  .hp_pl_85_pc {
    padding-left: 85px !important;
  }
  .hp_pl_90_pc {
    padding-left: 90px !important;
  }
  .hp_pl_95_pc {
    padding-left: 95px !important;
  }
  .hp_pl_100_pc {
    padding-left: 100px !important;
  }
  .hp_pl_pfem_pc {
    padding-left: 0.5em !important;
  }
  .hp_pl_1em_pc {
    padding-left: 1em !important;
  }
  .hp_pl_1pfem_pc {
    padding-left: 1.5em !important;
  }
  .hp_pl_2em_pc {
    padding-left: 2em !important;
  }
  .hp_pl_2pfem_pc {
    padding-left: 2.5em !important;
  }
  .hp_pl_3em_pc {
    padding-left: 3em !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_pl_0_sp {
    padding-left: 0px !important;
  }
  .hp_pl_5_sp {
    padding-left: 5px !important;
  }
  .hp_pl_10_sp {
    padding-left: 10px !important;
  }
  .hp_pl_15_sp {
    padding-left: 15px !important;
  }
  .hp_pl_20_sp {
    padding-left: 20px !important;
  }
  .hp_pl_25_sp {
    padding-left: 25px !important;
  }
  .hp_pl_30_sp {
    padding-left: 30px !important;
  }
  .hp_pl_35_sp {
    padding-left: 35px !important;
  }
  .hp_pl_40_sp {
    padding-left: 40px !important;
  }
  .hp_pl_45_sp {
    padding-left: 45px !important;
  }
  .hp_pl_50_sp {
    padding-left: 50px !important;
  }
  .hp_pl_55_sp {
    padding-left: 55px !important;
  }
  .hp_pl_60_sp {
    padding-left: 60px !important;
  }
  .hp_pl_65_sp {
    padding-left: 65px !important;
  }
  .hp_pl_70_sp {
    padding-left: 70px !important;
  }
  .hp_pl_75_sp {
    padding-left: 75px !important;
  }
  .hp_pl_80_sp {
    padding-left: 80px !important;
  }
  .hp_pl_85_sp {
    padding-left: 85px !important;
  }
  .hp_pl_90_sp {
    padding-left: 90px !important;
  }
  .hp_pl_95_sp {
    padding-left: 95px !important;
  }
  .hp_pl_100_sp {
    padding-left: 100px !important;
  }
  .hp_pl_pfem_sp {
    padding-left: 0.5em !important;
  }
  .hp_pl_1em_sp {
    padding-left: 1em !important;
  }
  .hp_pl_1pfem_sp {
    padding-left: 1.5em !important;
  }
  .hp_pl_2em_sp {
    padding-left: 2em !important;
  }
  .hp_pl_2pfem_sp {
    padding-left: 2.5em !important;
  }
  .hp_pl_3em_sp {
    padding-left: 3em !important;
  }
}
.hp {
  /*--------------- /余白 ---------------*/
  /*--------------- サイズ ---------------*/
}
.hp_wd_auto {
  width: auto !important;
}
.hp_wd_20px {
  width: 20px !important;
}
.hp_wd_30px {
  width: 30px !important;
}
.hp_wd_40px {
  width: 40px !important;
}
.hp_wd_50px {
  width: 50px !important;
}
.hp_wd_60px {
  width: 60px !important;
}
.hp_wd_70px {
  width: 70px !important;
}
.hp_wd_80px {
  width: 80px !important;
}
.hp_wd_90px {
  width: 90px !important;
}
.hp_wd_100px {
  width: 100px !important;
}
.hp_wd_110px {
  width: 110px !important;
}
.hp_wd_120px {
  width: 120px !important;
}
.hp_wd_130px {
  width: 130px !important;
}
.hp_wd_140px {
  width: 140px !important;
}
.hp_wd_150px {
  width: 150px !important;
}
.hp_wd_160px {
  width: 160px !important;
}
.hp_wd_170px {
  width: 170px !important;
}
.hp_wd_180px {
  width: 180px !important;
}
.hp_wd_190px {
  width: 190px !important;
}
.hp_wd_200px {
  width: 200px !important;
}
.hp_wd_210px {
  width: 210px !important;
}
.hp_wd_220px {
  width: 220px !important;
}
.hp_wd_230px {
  width: 230px !important;
}
.hp_wd_240px {
  width: 240px !important;
}
.hp_wd_250px {
  width: 250px !important;
}
.hp_wd_260px {
  width: 260px !important;
}
.hp_wd_270px {
  width: 270px !important;
}
.hp_wd_280px {
  width: 280px !important;
}
.hp_wd_290px {
  width: 290px !important;
}
.hp_wd_300px {
  width: 300px !important;
}
.hp_wd_310px {
  width: 310px !important;
}
.hp_wd_320px {
  width: 320px !important;
}
.hp_wd_330px {
  width: 330px !important;
}
.hp_wd_340px {
  width: 340px !important;
}
.hp_wd_350px {
  width: 350px !important;
}
.hp_wd_360px {
  width: 360px !important;
}
.hp_wd_370px {
  width: 370px !important;
}
.hp_wd_380px {
  width: 380px !important;
}
.hp_wd_390px {
  width: 390px !important;
}
.hp_wd_400px {
  width: 400px !important;
}
.hp_wd_410px {
  width: 410px !important;
}
.hp_wd_420px {
  width: 420px !important;
}
.hp_wd_430px {
  width: 430px !important;
}
.hp_wd_440px {
  width: 440px !important;
}
.hp_wd_450px {
  width: 450px !important;
}
.hp_wd_460px {
  width: 460px !important;
}
.hp_wd_470px {
  width: 470px !important;
}
.hp_wd_480px {
  width: 480px !important;
}
.hp_wd_490px {
  width: 490px !important;
}
.hp_wd_500px {
  width: 500px !important;
}
.hp_wd_510px {
  width: 510px !important;
}
.hp_wd_520px {
  width: 520px !important;
}
.hp_wd_530px {
  width: 530px !important;
}
.hp_wd_540px {
  width: 540px !important;
}
.hp_wd_550px {
  width: 550px !important;
}
.hp_wd_560px {
  width: 560px !important;
}
.hp_wd_570px {
  width: 570px !important;
}
.hp_wd_580px {
  width: 580px !important;
}
.hp_wd_590px {
  width: 590px !important;
}
.hp_wd_600px {
  width: 600px !important;
}
.hp_wd_610px {
  width: 610px !important;
}
.hp_wd_620px {
  width: 620px !important;
}
.hp_wd_630px {
  width: 630px !important;
}
.hp_wd_640px {
  width: 640px !important;
}
.hp_wd_650px {
  width: 650px !important;
}
.hp_wd_660px {
  width: 660px !important;
}
.hp_wd_670px {
  width: 670px !important;
}
.hp_wd_680px {
  width: 680px !important;
}
.hp_wd_690px {
  width: 690px !important;
}
.hp_wd_700px {
  width: 700px !important;
}
.hp_wd_710px {
  width: 710px !important;
}
.hp_wd_720px {
  width: 720px !important;
}
.hp_wd_730px {
  width: 730px !important;
}
.hp_wd_740px {
  width: 740px !important;
}
.hp_wd_750px {
  width: 750px !important;
}
.hp_wd_760px {
  width: 760px !important;
}
.hp_wd_770px {
  width: 770px !important;
}
.hp_wd_780px {
  width: 780px !important;
}
.hp_wd_790px {
  width: 790px !important;
}
.hp_wd_800px {
  width: 800px !important;
}
.hp_wd_810px {
  width: 810px !important;
}
.hp_wd_820px {
  width: 820px !important;
}
.hp_wd_830px {
  width: 830px !important;
}
.hp_wd_840px {
  width: 840px !important;
}
.hp_wd_850px {
  width: 850px !important;
}
.hp_wd_860px {
  width: 860px !important;
}
.hp_wd_870px {
  width: 870px !important;
}
.hp_wd_880px {
  width: 880px !important;
}
.hp_wd_890px {
  width: 890px !important;
}
.hp_wd_900px {
  width: 900px !important;
}
.hp_wd_910px {
  width: 910px !important;
}
.hp_wd_920px {
  width: 920px !important;
}
.hp_wd_930px {
  width: 930px !important;
}
.hp_wd_940px {
  width: 940px !important;
}
.hp_wd_950px {
  width: 950px !important;
}
.hp_wd_960px {
  width: 960px !important;
}
.hp_wd_970px {
  width: 970px !important;
}
.hp_wd_980px {
  width: 980px !important;
}
.hp_wd_990px {
  width: 990px !important;
}
.hp_wd_spx {
  width: 1000px !important;
}
.hp_wd_5pc {
  width: 5% !important;
}
.hp_wd_10pc {
  width: 10% !important;
}
.hp_wd_15pc {
  width: 15% !important;
}
.hp_wd_20pc {
  width: 20% !important;
}
.hp_wd_25pc {
  width: 25% !important;
}
.hp_wd_30pc {
  width: 30% !important;
}
.hp_wd_35pc {
  width: 35% !important;
}
.hp_wd_40pc {
  width: 40% !important;
}
.hp_wd_45pc {
  width: 45% !important;
}
.hp_wd_50pc {
  width: 50% !important;
}
.hp_wd_55pc {
  width: 55% !important;
}
.hp_wd_60pc {
  width: 60% !important;
}
.hp_wd_65pc {
  width: 65% !important;
}
.hp_wd_70pc {
  width: 70% !important;
}
.hp_wd_75pc {
  width: 75% !important;
}
.hp_wd_80pc {
  width: 80% !important;
}
.hp_wd_85pc {
  width: 85% !important;
}
.hp_wd_90pc {
  width: 90% !important;
}
.hp_wd_95pc {
  width: 95% !important;
}
.hp_wd_100pc {
  width: 100% !important;
}
@media screen and (min-width: 768px), print {
  .hp_wd_auto_pc {
    width: auto !important;
  }
  .hp_wd_20px_pc {
    width: 20px !important;
  }
  .hp_wd_30px_pc {
    width: 30px !important;
  }
  .hp_wd_40px_pc {
    width: 40px !important;
  }
  .hp_wd_50px_pc {
    width: 50px !important;
  }
  .hp_wd_60px_pc {
    width: 60px !important;
  }
  .hp_wd_70px_pc {
    width: 70px !important;
  }
  .hp_wd_80px_pc {
    width: 80px !important;
  }
  .hp_wd_90px_pc {
    width: 90px !important;
  }
  .hp_wd_100px_pc {
    width: 100px !important;
  }
  .hp_wd_110px_pc {
    width: 110px !important;
  }
  .hp_wd_120px_pc {
    width: 120px !important;
  }
  .hp_wd_130px_pc {
    width: 130px !important;
  }
  .hp_wd_140px_pc {
    width: 140px !important;
  }
  .hp_wd_150px_pc {
    width: 150px !important;
  }
  .hp_wd_160px_pc {
    width: 160px !important;
  }
  .hp_wd_170px_pc {
    width: 170px !important;
  }
  .hp_wd_180px_pc {
    width: 180px !important;
  }
  .hp_wd_190px_pc {
    width: 190px !important;
  }
  .hp_wd_200px_pc {
    width: 200px !important;
  }
  .hp_wd_210px_pc {
    width: 210px !important;
  }
  .hp_wd_220px_pc {
    width: 220px !important;
  }
  .hp_wd_230px_pc {
    width: 230px !important;
  }
  .hp_wd_240px_pc {
    width: 240px !important;
  }
  .hp_wd_250px_pc {
    width: 250px !important;
  }
  .hp_wd_260px_pc {
    width: 260px !important;
  }
  .hp_wd_270px_pc {
    width: 270px !important;
  }
  .hp_wd_280px_pc {
    width: 280px !important;
  }
  .hp_wd_290px_pc {
    width: 290px !important;
  }
  .hp_wd_300px_pc {
    width: 300px !important;
  }
  .hp_wd_310px_pc {
    width: 310px !important;
  }
  .hp_wd_320px_pc {
    width: 320px !important;
  }
  .hp_wd_330px_pc {
    width: 330px !important;
  }
  .hp_wd_340px_pc {
    width: 340px !important;
  }
  .hp_wd_350px_pc {
    width: 350px !important;
  }
  .hp_wd_360px_pc {
    width: 360px !important;
  }
  .hp_wd_370px_pc {
    width: 370px !important;
  }
  .hp_wd_380px_pc {
    width: 380px !important;
  }
  .hp_wd_390px_pc {
    width: 390px !important;
  }
  .hp_wd_400px_pc {
    width: 400px !important;
  }
  .hp_wd_410px_pc {
    width: 410px !important;
  }
  .hp_wd_420px_pc {
    width: 420px !important;
  }
  .hp_wd_430px_pc {
    width: 430px !important;
  }
  .hp_wd_440px_pc {
    width: 440px !important;
  }
  .hp_wd_450px_pc {
    width: 450px !important;
  }
  .hp_wd_460px_pc {
    width: 460px !important;
  }
  .hp_wd_470px_pc {
    width: 470px !important;
  }
  .hp_wd_480px_pc {
    width: 480px !important;
  }
  .hp_wd_490px_pc {
    width: 490px !important;
  }
  .hp_wd_500px_pc {
    width: 500px !important;
  }
  .hp_wd_510px_pc {
    width: 510px !important;
  }
  .hp_wd_520px_pc {
    width: 520px !important;
  }
  .hp_wd_530px_pc {
    width: 530px !important;
  }
  .hp_wd_540px_pc {
    width: 540px !important;
  }
  .hp_wd_550px_pc {
    width: 550px !important;
  }
  .hp_wd_560px_pc {
    width: 560px !important;
  }
  .hp_wd_570px_pc {
    width: 570px !important;
  }
  .hp_wd_580px_pc {
    width: 580px !important;
  }
  .hp_wd_590px_pc {
    width: 590px !important;
  }
  .hp_wd_600px_pc {
    width: 600px !important;
  }
  .hp_wd_610px_pc {
    width: 610px !important;
  }
  .hp_wd_620px_pc {
    width: 620px !important;
  }
  .hp_wd_630px_pc {
    width: 630px !important;
  }
  .hp_wd_640px_pc {
    width: 640px !important;
  }
  .hp_wd_650px_pc {
    width: 650px !important;
  }
  .hp_wd_660px_pc {
    width: 660px !important;
  }
  .hp_wd_670px_pc {
    width: 670px !important;
  }
  .hp_wd_680px_pc {
    width: 680px !important;
  }
  .hp_wd_690px_pc {
    width: 690px !important;
  }
  .hp_wd_700px_pc {
    width: 700px !important;
  }
  .hp_wd_710px_pc {
    width: 710px !important;
  }
  .hp_wd_720px_pc {
    width: 720px !important;
  }
  .hp_wd_730px_pc {
    width: 730px !important;
  }
  .hp_wd_740px_pc {
    width: 740px !important;
  }
  .hp_wd_750px_pc {
    width: 750px !important;
  }
  .hp_wd_760px_pc {
    width: 760px !important;
  }
  .hp_wd_770px_pc {
    width: 770px !important;
  }
  .hp_wd_780px_pc {
    width: 780px !important;
  }
  .hp_wd_790px_pc {
    width: 790px !important;
  }
  .hp_wd_800px_pc {
    width: 800px !important;
  }
  .hp_wd_810px_pc {
    width: 810px !important;
  }
  .hp_wd_820px_pc {
    width: 820px !important;
  }
  .hp_wd_830px_pc {
    width: 830px !important;
  }
  .hp_wd_840px_pc {
    width: 840px !important;
  }
  .hp_wd_850px_pc {
    width: 850px !important;
  }
  .hp_wd_860px_pc {
    width: 860px !important;
  }
  .hp_wd_870px_pc {
    width: 870px !important;
  }
  .hp_wd_880px_pc {
    width: 880px !important;
  }
  .hp_wd_890px_pc {
    width: 890px !important;
  }
  .hp_wd_900px_pc {
    width: 900px !important;
  }
  .hp_wd_910px_pc {
    width: 910px !important;
  }
  .hp_wd_920px_pc {
    width: 920px !important;
  }
  .hp_wd_930px_pc {
    width: 930px !important;
  }
  .hp_wd_940px_pc {
    width: 940px !important;
  }
  .hp_wd_950px_pc {
    width: 950px !important;
  }
  .hp_wd_960px_pc {
    width: 960px !important;
  }
  .hp_wd_970px_pc {
    width: 970px !important;
  }
  .hp_wd_980px_pc {
    width: 980px !important;
  }
  .hp_wd_990px_pc {
    width: 990px !important;
  }
  .hp_wd_spx_pc {
    width: 1000px !important;
  }
  .hp_wd_5pc_pc {
    width: 5% !important;
  }
  .hp_wd_10pc_pc {
    width: 10% !important;
  }
  .hp_wd_15pc_pc {
    width: 15% !important;
  }
  .hp_wd_20pc_pc {
    width: 20% !important;
  }
  .hp_wd_25pc_pc {
    width: 25% !important;
  }
  .hp_wd_30pc_pc {
    width: 30% !important;
  }
  .hp_wd_35pc_pc {
    width: 35% !important;
  }
  .hp_wd_40pc_pc {
    width: 40% !important;
  }
  .hp_wd_45pc_pc {
    width: 45% !important;
  }
  .hp_wd_50pc_pc {
    width: 50% !important;
  }
  .hp_wd_55pc_pc {
    width: 55% !important;
  }
  .hp_wd_60pc_pc {
    width: 60% !important;
  }
  .hp_wd_65pc_pc {
    width: 65% !important;
  }
  .hp_wd_70pc_pc {
    width: 70% !important;
  }
  .hp_wd_75pc_pc {
    width: 75% !important;
  }
  .hp_wd_80pc_pc {
    width: 80% !important;
  }
  .hp_wd_85pc_pc {
    width: 85% !important;
  }
  .hp_wd_90pc_pc {
    width: 90% !important;
  }
  .hp_wd_95pc_pc {
    width: 95% !important;
  }
  .hp_wd_100pc_pc {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_wd_auto_sp {
    width: auto !important;
  }
  .hp_wd_20px_sp {
    width: 20px !important;
  }
  .hp_wd_30px_sp {
    width: 30px !important;
  }
  .hp_wd_40px_sp {
    width: 40px !important;
  }
  .hp_wd_50px_sp {
    width: 50px !important;
  }
  .hp_wd_60px_sp {
    width: 60px !important;
  }
  .hp_wd_70px_sp {
    width: 70px !important;
  }
  .hp_wd_80px_sp {
    width: 80px !important;
  }
  .hp_wd_90px_sp {
    width: 90px !important;
  }
  .hp_wd_100px_sp {
    width: 100px !important;
  }
  .hp_wd_110px_sp {
    width: 110px !important;
  }
  .hp_wd_120px_sp {
    width: 120px !important;
  }
  .hp_wd_130px_sp {
    width: 130px !important;
  }
  .hp_wd_140px_sp {
    width: 140px !important;
  }
  .hp_wd_150px_sp {
    width: 150px !important;
  }
  .hp_wd_160px_sp {
    width: 160px !important;
  }
  .hp_wd_170px_sp {
    width: 170px !important;
  }
  .hp_wd_180px_sp {
    width: 180px !important;
  }
  .hp_wd_190px_sp {
    width: 190px !important;
  }
  .hp_wd_200px_sp {
    width: 200px !important;
  }
  .hp_wd_210px_sp {
    width: 210px !important;
  }
  .hp_wd_220px_sp {
    width: 220px !important;
  }
  .hp_wd_230px_sp {
    width: 230px !important;
  }
  .hp_wd_240px_sp {
    width: 240px !important;
  }
  .hp_wd_250px_sp {
    width: 250px !important;
  }
  .hp_wd_260px_sp {
    width: 260px !important;
  }
  .hp_wd_270px_sp {
    width: 270px !important;
  }
  .hp_wd_280px_sp {
    width: 280px !important;
  }
  .hp_wd_290px_sp {
    width: 290px !important;
  }
  .hp_wd_300px_sp {
    width: 300px !important;
  }
  .hp_wd_310px_sp {
    width: 310px !important;
  }
  .hp_wd_320px_sp {
    width: 320px !important;
  }
  .hp_wd_330px_sp {
    width: 330px !important;
  }
  .hp_wd_340px_sp {
    width: 340px !important;
  }
  .hp_wd_350px_sp {
    width: 350px !important;
  }
  .hp_wd_360px_sp {
    width: 360px !important;
  }
  .hp_wd_370px_sp {
    width: 370px !important;
  }
  .hp_wd_380px_sp {
    width: 380px !important;
  }
  .hp_wd_390px_sp {
    width: 390px !important;
  }
  .hp_wd_400px_sp {
    width: 400px !important;
  }
  .hp_wd_410px_sp {
    width: 410px !important;
  }
  .hp_wd_420px_sp {
    width: 420px !important;
  }
  .hp_wd_430px_sp {
    width: 430px !important;
  }
  .hp_wd_440px_sp {
    width: 440px !important;
  }
  .hp_wd_450px_sp {
    width: 450px !important;
  }
  .hp_wd_460px_sp {
    width: 460px !important;
  }
  .hp_wd_470px_sp {
    width: 470px !important;
  }
  .hp_wd_480px_sp {
    width: 480px !important;
  }
  .hp_wd_490px_sp {
    width: 490px !important;
  }
  .hp_wd_500px_sp {
    width: 500px !important;
  }
  .hp_wd_510px_sp {
    width: 510px !important;
  }
  .hp_wd_520px_sp {
    width: 520px !important;
  }
  .hp_wd_530px_sp {
    width: 530px !important;
  }
  .hp_wd_540px_sp {
    width: 540px !important;
  }
  .hp_wd_550px_sp {
    width: 550px !important;
  }
  .hp_wd_560px_sp {
    width: 560px !important;
  }
  .hp_wd_570px_sp {
    width: 570px !important;
  }
  .hp_wd_580px_sp {
    width: 580px !important;
  }
  .hp_wd_590px_sp {
    width: 590px !important;
  }
  .hp_wd_600px_sp {
    width: 600px !important;
  }
  .hp_wd_610px_sp {
    width: 610px !important;
  }
  .hp_wd_620px_sp {
    width: 620px !important;
  }
  .hp_wd_630px_sp {
    width: 630px !important;
  }
  .hp_wd_640px_sp {
    width: 640px !important;
  }
  .hp_wd_650px_sp {
    width: 650px !important;
  }
  .hp_wd_660px_sp {
    width: 660px !important;
  }
  .hp_wd_670px_sp {
    width: 670px !important;
  }
  .hp_wd_680px_sp {
    width: 680px !important;
  }
  .hp_wd_690px_sp {
    width: 690px !important;
  }
  .hp_wd_700px_sp {
    width: 700px !important;
  }
  .hp_wd_710px_sp {
    width: 710px !important;
  }
  .hp_wd_720px_sp {
    width: 720px !important;
  }
  .hp_wd_730px_sp {
    width: 730px !important;
  }
  .hp_wd_740px_sp {
    width: 740px !important;
  }
  .hp_wd_750px_sp {
    width: 750px !important;
  }
  .hp_wd_760px_sp {
    width: 760px !important;
  }
  .hp_wd_770px_sp {
    width: 770px !important;
  }
  .hp_wd_780px_sp {
    width: 780px !important;
  }
  .hp_wd_790px_sp {
    width: 790px !important;
  }
  .hp_wd_800px_sp {
    width: 800px !important;
  }
  .hp_wd_810px_sp {
    width: 810px !important;
  }
  .hp_wd_820px_sp {
    width: 820px !important;
  }
  .hp_wd_830px_sp {
    width: 830px !important;
  }
  .hp_wd_840px_sp {
    width: 840px !important;
  }
  .hp_wd_850px_sp {
    width: 850px !important;
  }
  .hp_wd_860px_sp {
    width: 860px !important;
  }
  .hp_wd_870px_sp {
    width: 870px !important;
  }
  .hp_wd_880px_sp {
    width: 880px !important;
  }
  .hp_wd_890px_sp {
    width: 890px !important;
  }
  .hp_wd_900px_sp {
    width: 900px !important;
  }
  .hp_wd_910px_sp {
    width: 910px !important;
  }
  .hp_wd_920px_sp {
    width: 920px !important;
  }
  .hp_wd_930px_sp {
    width: 930px !important;
  }
  .hp_wd_940px_sp {
    width: 940px !important;
  }
  .hp_wd_5pc_sp {
    width: 5% !important;
  }
  .hp_wd_10pc_sp {
    width: 10% !important;
  }
  .hp_wd_15pc_sp {
    width: 15% !important;
  }
  .hp_wd_20pc_sp {
    width: 20% !important;
  }
  .hp_wd_25pc_sp {
    width: 25% !important;
  }
  .hp_wd_30pc_sp {
    width: 30% !important;
  }
  .hp_wd_35pc_sp {
    width: 35% !important;
  }
  .hp_wd_40pc_sp {
    width: 40% !important;
  }
  .hp_wd_45pc_sp {
    width: 45% !important;
  }
  .hp_wd_50pc_sp {
    width: 50% !important;
  }
  .hp_wd_55pc_sp {
    width: 55% !important;
  }
  .hp_wd_60pc_sp {
    width: 60% !important;
  }
  .hp_wd_65pc_sp {
    width: 65% !important;
  }
  .hp_wd_70pc_sp {
    width: 70% !important;
  }
  .hp_wd_75pc_sp {
    width: 75% !important;
  }
  .hp_wd_80pc_sp {
    width: 80% !important;
  }
  .hp_wd_85pc_sp {
    width: 85% !important;
  }
  .hp_wd_90pc_sp {
    width: 90% !important;
  }
  .hp_wd_95pc_sp {
    width: 95% !important;
  }
  .hp_wd_100pc_sp {
    width: 100% !important;
  }
}
.hp_ht_auto {
  height: auto !important;
}
.hp_ht_20px {
  height: 20px !important;
}
.hp_ht_30px {
  height: 30px !important;
}
.hp_ht_40px {
  height: 40px !important;
}
.hp_ht_50px {
  height: 50px !important;
}
.hp_ht_60px {
  height: 60px !important;
}
.hp_ht_70px {
  height: 70px !important;
}
.hp_ht_80px {
  height: 80px !important;
}
.hp_ht_90px {
  height: 90px !important;
}
.hp_ht_100px {
  height: 100px !important;
}
.hp_ht_110px {
  height: 110px !important;
}
.hp_ht_120px {
  height: 120px !important;
}
.hp_ht_130px {
  height: 130px !important;
}
.hp_ht_140px {
  height: 140px !important;
}
.hp_ht_150px {
  height: 150px !important;
}
.hp_ht_160px {
  height: 160px !important;
}
.hp_ht_170px {
  height: 170px !important;
}
.hp_ht_180px {
  height: 180px !important;
}
.hp_ht_190px {
  height: 190px !important;
}
.hp_ht_200px {
  height: 200px !important;
}
.hp_ht_210px {
  height: 210px !important;
}
.hp_ht_220px {
  height: 220px !important;
}
.hp_ht_230px {
  height: 230px !important;
}
.hp_ht_240px {
  height: 240px !important;
}
.hp_ht_250px {
  height: 250px !important;
}
.hp_ht_260px {
  height: 260px !important;
}
.hp_ht_270px {
  height: 270px !important;
}
.hp_ht_280px {
  height: 280px !important;
}
.hp_ht_290px {
  height: 290px !important;
}
.hp_ht_300px {
  height: 300px !important;
}
.hp_ht_310px {
  height: 310px !important;
}
.hp_ht_320px {
  height: 320px !important;
}
.hp_ht_330px {
  height: 330px !important;
}
.hp_ht_340px {
  height: 340px !important;
}
.hp_ht_350px {
  height: 350px !important;
}
.hp_ht_360px {
  height: 360px !important;
}
.hp_ht_370px {
  height: 370px !important;
}
.hp_ht_380px {
  height: 380px !important;
}
.hp_ht_390px {
  height: 390px !important;
}
.hp_ht_400px {
  height: 400px !important;
}
.hp_ht_410px {
  height: 410px !important;
}
.hp_ht_420px {
  height: 420px !important;
}
.hp_ht_430px {
  height: 430px !important;
}
.hp_ht_440px {
  height: 440px !important;
}
.hp_ht_450px {
  height: 450px !important;
}
.hp_ht_460px {
  height: 460px !important;
}
.hp_ht_470px {
  height: 470px !important;
}
.hp_ht_480px {
  height: 480px !important;
}
.hp_ht_490px {
  height: 490px !important;
}
.hp_ht_500px {
  height: 500px !important;
}
.hp_ht_510px {
  height: 510px !important;
}
.hp_ht_520px {
  height: 520px !important;
}
.hp_ht_530px {
  height: 530px !important;
}
.hp_ht_540px {
  height: 540px !important;
}
.hp_ht_550px {
  height: 550px !important;
}
.hp_ht_560px {
  height: 560px !important;
}
.hp_ht_570px {
  height: 570px !important;
}
.hp_ht_580px {
  height: 580px !important;
}
.hp_ht_590px {
  height: 590px !important;
}
.hp_ht_600px {
  height: 600px !important;
}
.hp_ht_610px {
  height: 610px !important;
}
.hp_ht_620px {
  height: 620px !important;
}
.hp_ht_630px {
  height: 630px !important;
}
.hp_ht_640px {
  height: 640px !important;
}
.hp_ht_650px {
  height: 650px !important;
}
.hp_ht_660px {
  height: 660px !important;
}
.hp_ht_670px {
  height: 670px !important;
}
.hp_ht_680px {
  height: 680px !important;
}
.hp_ht_690px {
  height: 690px !important;
}
.hp_ht_700px {
  height: 700px !important;
}
.hp_ht_710px {
  height: 710px !important;
}
.hp_ht_720px {
  height: 720px !important;
}
.hp_ht_730px {
  height: 730px !important;
}
.hp_ht_740px {
  height: 740px !important;
}
.hp_ht_750px {
  height: 750px !important;
}
.hp_ht_760px {
  height: 760px !important;
}
.hp_ht_770px {
  height: 770px !important;
}
.hp_ht_780px {
  height: 780px !important;
}
.hp_ht_790px {
  height: 790px !important;
}
.hp_ht_800px {
  height: 800px !important;
}
.hp_ht_810px {
  height: 810px !important;
}
.hp_ht_820px {
  height: 820px !important;
}
.hp_ht_830px {
  height: 830px !important;
}
.hp_ht_840px {
  height: 840px !important;
}
.hp_ht_850px {
  height: 850px !important;
}
.hp_ht_860px {
  height: 860px !important;
}
.hp_ht_870px {
  height: 870px !important;
}
.hp_ht_880px {
  height: 880px !important;
}
.hp_ht_890px {
  height: 890px !important;
}
.hp_ht_900px {
  height: 900px !important;
}
.hp_ht_910px {
  height: 910px !important;
}
.hp_ht_920px {
  height: 920px !important;
}
.hp_ht_930px {
  height: 930px !important;
}
.hp_ht_940px {
  height: 940px !important;
}
.hp_ht_950px {
  height: 950px !important;
}
.hp_ht_960px {
  height: 960px !important;
}
.hp_ht_970px {
  height: 970px !important;
}
.hp_ht_980px {
  height: 980px !important;
}
.hp_ht_990px {
  height: 990px !important;
}
.hp_ht_spx {
  height: 1000px !important;
}
.hp_ht_5pc {
  height: 5% !important;
}
.hp_ht_10pc {
  height: 10% !important;
}
.hp_ht_11pc {
  height: 11% !important;
}
.hp_ht_12pc {
  height: 12% !important;
}
.hp_ht_13pc {
  height: 13% !important;
}
.hp_ht_14pc {
  height: 14% !important;
}
.hp_ht_15pc {
  height: 15% !important;
}
.hp_ht_16pc {
  height: 16% !important;
}
.hp_ht_17pc {
  height: 17% !important;
}
.hp_ht_18pc {
  height: 18% !important;
}
.hp_ht_19pc {
  height: 19% !important;
}
.hp_ht_20pc {
  height: 20% !important;
}
.hp_ht_25pc {
  height: 25% !important;
}
.hp_ht_30pc {
  height: 30% !important;
}
.hp_ht_31pc {
  height: 31% !important;
}
.hp_ht_32pc {
  height: 32% !important;
}
.hp_ht_33pc {
  height: 33.3333333333% !important;
}
.hp_ht_34pc {
  height: 34% !important;
}
.hp_ht_35pc {
  height: 35% !important;
}
.hp_ht_36pc {
  height: 36% !important;
}
.hp_ht_37pc {
  height: 37% !important;
}
.hp_ht_38pc {
  height: 38% !important;
}
.hp_ht_39pc {
  height: 39% !important;
}
.hp_ht_40pc {
  height: 40% !important;
}
.hp_ht_41pc {
  height: 41% !important;
}
.hp_ht_42pc {
  height: 42% !important;
}
.hp_ht_43pc {
  height: 43% !important;
}
.hp_ht_44pc {
  height: 44% !important;
}
.hp_ht_45pc {
  height: 45% !important;
}
.hp_ht_46pc {
  height: 46% !important;
}
.hp_ht_47pc {
  height: 47% !important;
}
.hp_ht_48pc {
  height: 48% !important;
}
.hp_ht_49pc {
  height: 49% !important;
}
.hp_ht_50pc {
  height: 50% !important;
}
.hp_ht_55pc {
  height: 55% !important;
}
.hp_ht_60pc {
  height: 60% !important;
}
.hp_ht_65pc {
  height: 65% !important;
}
.hp_ht_70pc {
  height: 70% !important;
}
.hp_ht_75pc {
  height: 75% !important;
}
.hp_ht_80pc {
  height: 80% !important;
}
.hp_ht_85pc {
  height: 85% !important;
}
.hp_ht_90pc {
  height: 90% !important;
}
.hp_ht_95pc {
  height: 95% !important;
}
.hp_ht_100pc {
  height: 100% !important;
}
@media screen and (min-width: 768px), print {
  .hp_ht_auto_pc {
    height: auto !important;
  }
  .hp_ht_20px_pc {
    height: 20px !important;
  }
  .hp_ht_30px_pc {
    height: 30px !important;
  }
  .hp_ht_40px_pc {
    height: 40px !important;
  }
  .hp_ht_50px_pc {
    height: 50px !important;
  }
  .hp_ht_60px_pc {
    height: 60px !important;
  }
  .hp_ht_70px_pc {
    height: 70px !important;
  }
  .hp_ht_80px_pc {
    height: 80px !important;
  }
  .hp_ht_90px_pc {
    height: 90px !important;
  }
  .hp_ht_100px_pc {
    height: 100px !important;
  }
  .hp_ht_110px_pc {
    height: 110px !important;
  }
  .hp_ht_120px_pc {
    height: 120px !important;
  }
  .hp_ht_130px_pc {
    height: 130px !important;
  }
  .hp_ht_140px_pc {
    height: 140px !important;
  }
  .hp_ht_150px_pc {
    height: 150px !important;
  }
  .hp_ht_160px_pc {
    height: 160px !important;
  }
  .hp_ht_170px_pc {
    height: 170px !important;
  }
  .hp_ht_180px_pc {
    height: 180px !important;
  }
  .hp_ht_190px_pc {
    height: 190px !important;
  }
  .hp_ht_200px_pc {
    height: 200px !important;
  }
  .hp_ht_210px_pc {
    height: 210px !important;
  }
  .hp_ht_220px_pc {
    height: 220px !important;
  }
  .hp_ht_230px_pc {
    height: 230px !important;
  }
  .hp_ht_240px_pc {
    height: 240px !important;
  }
  .hp_ht_250px_pc {
    height: 250px !important;
  }
  .hp_ht_260px_pc {
    height: 260px !important;
  }
  .hp_ht_270px_pc {
    height: 270px !important;
  }
  .hp_ht_280px_pc {
    height: 280px !important;
  }
  .hp_ht_290px_pc {
    height: 290px !important;
  }
  .hp_ht_300px_pc {
    height: 300px !important;
  }
  .hp_ht_310px_pc {
    height: 310px !important;
  }
  .hp_ht_320px_pc {
    height: 320px !important;
  }
  .hp_ht_330px_pc {
    height: 330px !important;
  }
  .hp_ht_340px_pc {
    height: 340px !important;
  }
  .hp_ht_350px_pc {
    height: 350px !important;
  }
  .hp_ht_360px_pc {
    height: 360px !important;
  }
  .hp_ht_370px_pc {
    height: 370px !important;
  }
  .hp_ht_380px_pc {
    height: 380px !important;
  }
  .hp_ht_390px_pc {
    height: 390px !important;
  }
  .hp_ht_400px_pc {
    height: 400px !important;
  }
  .hp_ht_410px_pc {
    height: 410px !important;
  }
  .hp_ht_420px_pc {
    height: 420px !important;
  }
  .hp_ht_430px_pc {
    height: 430px !important;
  }
  .hp_ht_440px_pc {
    height: 440px !important;
  }
  .hp_ht_450px_pc {
    height: 450px !important;
  }
  .hp_ht_460px_pc {
    height: 460px !important;
  }
  .hp_ht_470px_pc {
    height: 470px !important;
  }
  .hp_ht_480px_pc {
    height: 480px !important;
  }
  .hp_ht_490px_pc {
    height: 490px !important;
  }
  .hp_ht_500px_pc {
    height: 500px !important;
  }
  .hp_ht_510px_pc {
    height: 510px !important;
  }
  .hp_ht_520px_pc {
    height: 520px !important;
  }
  .hp_ht_530px_pc {
    height: 530px !important;
  }
  .hp_ht_540px_pc {
    height: 540px !important;
  }
  .hp_ht_550px_pc {
    height: 550px !important;
  }
  .hp_ht_560px_pc {
    height: 560px !important;
  }
  .hp_ht_570px_pc {
    height: 570px !important;
  }
  .hp_ht_580px_pc {
    height: 580px !important;
  }
  .hp_ht_590px_pc {
    height: 590px !important;
  }
  .hp_ht_600px_pc {
    height: 600px !important;
  }
  .hp_ht_610px_pc {
    height: 610px !important;
  }
  .hp_ht_620px_pc {
    height: 620px !important;
  }
  .hp_ht_630px_pc {
    height: 630px !important;
  }
  .hp_ht_640px_pc {
    height: 640px !important;
  }
  .hp_ht_650px_pc {
    height: 650px !important;
  }
  .hp_ht_660px_pc {
    height: 660px !important;
  }
  .hp_ht_670px_pc {
    height: 670px !important;
  }
  .hp_ht_680px_pc {
    height: 680px !important;
  }
  .hp_ht_690px_pc {
    height: 690px !important;
  }
  .hp_ht_700px_pc {
    height: 700px !important;
  }
  .hp_ht_710px_pc {
    height: 710px !important;
  }
  .hp_ht_720px_pc {
    height: 720px !important;
  }
  .hp_ht_730px_pc {
    height: 730px !important;
  }
  .hp_ht_740px_pc {
    height: 740px !important;
  }
  .hp_ht_750px_pc {
    height: 750px !important;
  }
  .hp_ht_760px_pc {
    height: 760px !important;
  }
  .hp_ht_770px_pc {
    height: 770px !important;
  }
  .hp_ht_780px_pc {
    height: 780px !important;
  }
  .hp_ht_790px_pc {
    height: 790px !important;
  }
  .hp_ht_800px_pc {
    height: 800px !important;
  }
  .hp_ht_810px_pc {
    height: 810px !important;
  }
  .hp_ht_820px_pc {
    height: 820px !important;
  }
  .hp_ht_830px_pc {
    height: 830px !important;
  }
  .hp_ht_840px_pc {
    height: 840px !important;
  }
  .hp_ht_850px_pc {
    height: 850px !important;
  }
  .hp_ht_860px_pc {
    height: 860px !important;
  }
  .hp_ht_870px_pc {
    height: 870px !important;
  }
  .hp_ht_880px_pc {
    height: 880px !important;
  }
  .hp_ht_890px_pc {
    height: 890px !important;
  }
  .hp_ht_900px_pc {
    height: 900px !important;
  }
  .hp_ht_910px_pc {
    height: 910px !important;
  }
  .hp_ht_920px_pc {
    height: 920px !important;
  }
  .hp_ht_930px_pc {
    height: 930px !important;
  }
  .hp_ht_940px_pc {
    height: 940px !important;
  }
  .hp_ht_950px_pc {
    height: 950px !important;
  }
  .hp_ht_960px_pc {
    height: 960px !important;
  }
  .hp_ht_970px_pc {
    height: 970px !important;
  }
  .hp_ht_980px_pc {
    height: 980px !important;
  }
  .hp_ht_990px_pc {
    height: 990px !important;
  }
  .hp_ht_spx_pc {
    height: 1000px !important;
  }
  .hp_ht_5pc_pc {
    height: 5% !important;
  }
  .hp_ht_10pc_pc {
    height: 10% !important;
  }
  .hp_ht_15pc_pc {
    height: 15% !important;
  }
  .hp_ht_20pc_pc {
    height: 20% !important;
  }
  .hp_ht_25pc_pc {
    height: 25% !important;
  }
  .hp_ht_30pc_pc {
    height: 30% !important;
  }
  .hp_ht_35pc_pc {
    height: 35% !important;
  }
  .hp_ht_40pc_pc {
    height: 40% !important;
  }
  .hp_ht_45pc_pc {
    height: 45% !important;
  }
  .hp_ht_50pc_pc {
    height: 50% !important;
  }
  .hp_ht_55pc_pc {
    height: 55% !important;
  }
  .hp_ht_60pc_pc {
    height: 60% !important;
  }
  .hp_ht_65pc_pc {
    height: 65% !important;
  }
  .hp_ht_70pc_pc {
    height: 70% !important;
  }
  .hp_ht_75pc_pc {
    height: 75% !important;
  }
  .hp_ht_80pc_pc {
    height: 80% !important;
  }
  .hp_ht_85pc_pc {
    height: 85% !important;
  }
  .hp_ht_90pc_pc {
    height: 90% !important;
  }
  .hp_ht_95pc_pc {
    height: 95% !important;
  }
  .hp_ht_100pc_pc {
    height: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_ht_auto_sp {
    height: auto !important;
  }
  .hp_ht_20px_sp {
    height: 20px !important;
  }
  .hp_ht_30px_sp {
    height: 30px !important;
  }
  .hp_ht_40px_sp {
    height: 40px !important;
  }
  .hp_ht_50px_sp {
    height: 50px !important;
  }
  .hp_ht_60px_sp {
    height: 60px !important;
  }
  .hp_ht_70px_sp {
    height: 70px !important;
  }
  .hp_ht_80px_sp {
    height: 80px !important;
  }
  .hp_ht_90px_sp {
    height: 90px !important;
  }
  .hp_ht_100px_sp {
    height: 100px !important;
  }
  .hp_ht_110px_sp {
    height: 110px !important;
  }
  .hp_ht_120px_sp {
    height: 120px !important;
  }
  .hp_ht_130px_sp {
    height: 130px !important;
  }
  .hp_ht_140px_sp {
    height: 140px !important;
  }
  .hp_ht_150px_sp {
    height: 150px !important;
  }
  .hp_ht_160px_sp {
    height: 160px !important;
  }
  .hp_ht_170px_sp {
    height: 170px !important;
  }
  .hp_ht_180px_sp {
    height: 180px !important;
  }
  .hp_ht_190px_sp {
    height: 190px !important;
  }
  .hp_ht_200px_sp {
    height: 200px !important;
  }
  .hp_ht_210px_sp {
    height: 210px !important;
  }
  .hp_ht_220px_sp {
    height: 220px !important;
  }
  .hp_ht_230px_sp {
    height: 230px !important;
  }
  .hp_ht_240px_sp {
    height: 240px !important;
  }
  .hp_ht_250px_sp {
    height: 250px !important;
  }
  .hp_ht_260px_sp {
    height: 260px !important;
  }
  .hp_ht_270px_sp {
    height: 270px !important;
  }
  .hp_ht_280px_sp {
    height: 280px !important;
  }
  .hp_ht_290px_sp {
    height: 290px !important;
  }
  .hp_ht_300px_sp {
    height: 300px !important;
  }
  .hp_ht_310px_sp {
    height: 310px !important;
  }
  .hp_ht_320px_sp {
    height: 320px !important;
  }
  .hp_ht_330px_sp {
    height: 330px !important;
  }
  .hp_ht_340px_sp {
    height: 340px !important;
  }
  .hp_ht_350px_sp {
    height: 350px !important;
  }
  .hp_ht_360px_sp {
    height: 360px !important;
  }
  .hp_ht_370px_sp {
    height: 370px !important;
  }
  .hp_ht_380px_sp {
    height: 380px !important;
  }
  .hp_ht_390px_sp {
    height: 390px !important;
  }
  .hp_ht_400px_sp {
    height: 400px !important;
  }
  .hp_ht_410px_sp {
    height: 410px !important;
  }
  .hp_ht_420px_sp {
    height: 420px !important;
  }
  .hp_ht_430px_sp {
    height: 430px !important;
  }
  .hp_ht_440px_sp {
    height: 440px !important;
  }
  .hp_ht_450px_sp {
    height: 450px !important;
  }
  .hp_ht_460px_sp {
    height: 460px !important;
  }
  .hp_ht_470px_sp {
    height: 470px !important;
  }
  .hp_ht_480px_sp {
    height: 480px !important;
  }
  .hp_ht_490px_sp {
    height: 490px !important;
  }
  .hp_ht_500px_sp {
    height: 500px !important;
  }
  .hp_ht_510px_sp {
    height: 510px !important;
  }
  .hp_ht_520px_sp {
    height: 520px !important;
  }
  .hp_ht_530px_sp {
    height: 530px !important;
  }
  .hp_ht_540px_sp {
    height: 540px !important;
  }
  .hp_ht_550px_sp {
    height: 550px !important;
  }
  .hp_ht_560px_sp {
    height: 560px !important;
  }
  .hp_ht_570px_sp {
    height: 570px !important;
  }
  .hp_ht_580px_sp {
    height: 580px !important;
  }
  .hp_ht_590px_sp {
    height: 590px !important;
  }
  .hp_ht_600px_sp {
    height: 600px !important;
  }
  .hp_ht_610px_sp {
    height: 610px !important;
  }
  .hp_ht_620px_sp {
    height: 620px !important;
  }
  .hp_ht_630px_sp {
    height: 630px !important;
  }
  .hp_ht_640px_sp {
    height: 640px !important;
  }
  .hp_ht_650px_sp {
    height: 650px !important;
  }
  .hp_ht_660px_sp {
    height: 660px !important;
  }
  .hp_ht_670px_sp {
    height: 670px !important;
  }
  .hp_ht_680px_sp {
    height: 680px !important;
  }
  .hp_ht_690px_sp {
    height: 690px !important;
  }
  .hp_ht_700px_sp {
    height: 700px !important;
  }
  .hp_ht_710px_sp {
    height: 710px !important;
  }
  .hp_ht_720px_sp {
    height: 720px !important;
  }
  .hp_ht_730px_sp {
    height: 730px !important;
  }
  .hp_ht_740px_sp {
    height: 740px !important;
  }
  .hp_ht_750px_sp {
    height: 750px !important;
  }
  .hp_ht_760px_sp {
    height: 760px !important;
  }
  .hp_ht_770px_sp {
    height: 770px !important;
  }
  .hp_ht_780px_sp {
    height: 780px !important;
  }
  .hp_ht_790px_sp {
    height: 790px !important;
  }
  .hp_ht_800px_sp {
    height: 800px !important;
  }
  .hp_ht_810px_sp {
    height: 810px !important;
  }
  .hp_ht_820px_sp {
    height: 820px !important;
  }
  .hp_ht_830px_sp {
    height: 830px !important;
  }
  .hp_ht_840px_sp {
    height: 840px !important;
  }
  .hp_ht_850px_sp {
    height: 850px !important;
  }
  .hp_ht_860px_sp {
    height: 860px !important;
  }
  .hp_ht_870px_sp {
    height: 870px !important;
  }
  .hp_ht_880px_sp {
    height: 880px !important;
  }
  .hp_ht_890px_sp {
    height: 890px !important;
  }
  .hp_ht_900px_sp {
    height: 900px !important;
  }
  .hp_ht_910px_sp {
    height: 910px !important;
  }
  .hp_ht_920px_sp {
    height: 920px !important;
  }
  .hp_ht_930px_sp {
    height: 930px !important;
  }
  .hp_ht_940px_sp {
    height: 940px !important;
  }
  .hp_ht_5pc_sp {
    height: 5% !important;
  }
  .hp_ht_10pc_sp {
    height: 10% !important;
  }
  .hp_ht_15pc_sp {
    height: 15% !important;
  }
  .hp_ht_20pc_sp {
    height: 20% !important;
  }
  .hp_ht_25pc_sp {
    height: 25% !important;
  }
  .hp_ht_30pc_sp {
    height: 30% !important;
  }
  .hp_ht_35pc_sp {
    height: 35% !important;
  }
  .hp_ht_40pc_sp {
    height: 40% !important;
  }
  .hp_ht_45pc_sp {
    height: 45% !important;
  }
  .hp_ht_50pc_sp {
    height: 50% !important;
  }
  .hp_ht_55pc_sp {
    height: 55% !important;
  }
  .hp_ht_60pc_sp {
    height: 60% !important;
  }
  .hp_ht_65pc_sp {
    height: 65% !important;
  }
  .hp_ht_70pc_sp {
    height: 70% !important;
  }
  .hp_ht_75pc_sp {
    height: 75% !important;
  }
  .hp_ht_80pc_sp {
    height: 80% !important;
  }
  .hp_ht_85pc_sp {
    height: 85% !important;
  }
  .hp_ht_90pc_sp {
    height: 90% !important;
  }
  .hp_ht_95pc_sp {
    height: 95% !important;
  }
  .hp_ht_100pc_sp {
    height: 100% !important;
  }
}
.hp {
  /*--------------- /サイズ ---------------*/
  /*--------------- その他 ---------------*/
}
.hp_va_t {
  vertical-align: top !important;
}
.hp_va_m {
  vertical-align: middle !important;
}
.hp_va_b {
  vertical-align: bottom !important;
}
.hp_va_rl {
  -webkit-writing-mode: vertical-rl !important;
      -ms-writing-mode: tb-rl !important;
          writing-mode: vertical-rl !important;
}
.hp_dis_b {
  display: block !important;
}
.hp_dis_ib {
  display: inline-block !important;
}
.hp_dis_i {
  display: inline !important;
}
@media screen and (min-width: 768px), print {
  .hp_dis_b_pc {
    display: block !important;
  }
  .hp_dis_ib_pc {
    display: inline-block !important;
  }
  .hp_dis_i_pc {
    display: inline !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_dis_b_sp {
    display: block !important;
  }
  .hp_dis_ib_sp {
    display: inline-block !important;
  }
  .hp_dis_i_sp {
    display: inline !important;
  }
}
.hp_bg_tp {
  background: transparent !important;
}
.hp_bg_bk {
  background: var(--color-txt) !important;
}
.hp_bg_bg1 {
  background: var(--color-bg) !important;
}
.hp_bg_bg2 {
  background: var(--color-bg2) !important;
}
.hp_bg_bg3 {
  background: var(--color-bg3) !important;
}
.hp_bg_bg4 {
  background: var(--color-bg4) !important;
}
.hp_bg_bg5 {
  background: var(--color-bg5) !important;
}
.hp_bd_bk {
  border: solid 1px var(--color-txt) !important;
}
.hp_bd_main {
  border: solid 1px var(--color-main) !important;
}
.hp_bd_gray {
  border: solid 1px var(--color-border) !important;
}
.hp_bd_rd0 {
  border-radius: 0px !important;
}
.hp_bd_rd5 {
  border-radius: 5px !important;
}
.hp_bd_rd10 {
  border-radius: 10px !important;
}
.hp_bd_rd15 {
  border-radius: 15px !important;
}
.hp_bd_rd20 {
  border-radius: 20px !important;
}
.hp_bd_top {
  border-top: solid 1px var(--color-border) !important;
}
.hp_bd_right {
  border-right: solid 1px var(--color-border) !important;
}
.hp_bd_bottom {
  border-bottom: solid 1px var(--color-border) !important;
}
.hp_bd_left {
  border-left: solid 1px var(--color-border) !important;
}
.hp_bd_none {
  border: none !important;
}
.hp_bd_top_none {
  border-top: none !important;
}
.hp_bd_right_none {
  border-right: none !important;
}
.hp_bd_bottom_none {
  border-bottom: none !important;
}
.hp_bd_left_none {
  border-left: none !important;
}
.hp_float_l {
  float: left !important;
}
.hp_float_r {
  float: right !important;
}
@media screen and (min-width: 768px), print {
  .hp_float_l_pc {
    float: left !important;
  }
  .hp_float_r_pc {
    float: right !important;
  }
}
.hp_clearfix::after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}
.hp_flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.hp_flex_jc {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.hp_flex_jb {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
.hp_flex_ja {
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
}
.hp_flex_js {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.hp_flex_je {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.hp_flex_ac {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.hp_flex_ae {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.hp_flex_dc {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.hp_flex_dr {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.hp_flex_wp {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.hp_flex_cl {
  display: inherit !important;
}
.hp_flex_fx1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}
.hp_flex_center {
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px), print {
  .hp_flex_pc {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hp_flex_jc_pc {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .hp_flex_dc_pc {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_flex_cl_sp {
    display: inherit !important;
  }
  .hp_flex_jc_sp {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .hp_flex_dc_sp {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}
.hp_gap_10 {
  gap: 10px !important;
}
.hp_gap_20 {
  gap: 20px !important;
}
.hp_gap_30 {
  gap: 30px !important;
}
.hp_gap_40 {
  gap: 40px !important;
}
.hp_gap_50 {
  gap: 50px !important;
}
.hp_gap_60 {
  gap: 60px !important;
}
.hp_gap_70 {
  gap: 70px !important;
}
.hp_gap_80 {
  gap: 80px !important;
}
.hp_gap_90 {
  gap: 90px !important;
}
.hp_gap_100 {
  gap: 100px !important;
}
.hp_hover_op {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.hp_hover_op:hover {
  opacity: 0.8;
}
.hp_brSp, .hp_spOnly, .hp_imgSp, .hp_brTab, .hp_tabOnly, .hp_imgTab {
  display: none !important;
}
@media screen and (max-width: 1300px) and (min-width: 768px), print {
  .hp_brTab {
    display: inline !important;
  }
  .hp_tabOnly {
    display: block !important;
  }
  .hp_tabNone {
    display: none !important;
  }
  .hp_imgTab {
    display: inline !important;
  }
}
@media screen and (max-width: 767px) {
  .hp_brPc {
    display: none !important;
  }
  .hp_brSp {
    display: inline !important;
  }
  .hp_pcOnly {
    display: none !important;
  }
  .hp_spOnly {
    display: block !important;
  }
  .hp_spNone {
    display: none !important;
  }
  .hp_imgPc {
    display: none !important;
  }
  .hp_imgSp {
    display: inline !important;
  }
}
.hp {
  /*--------------- /その他 ---------------*/
}
.hp_screenReader_text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* /_hp.css
-----------------------------------------------------------------*/
/* _base.scss
-------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
html.locked {
  position: fixed;
  width: 100%;
  top: 0px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: var(--header-height-sp);
  }
}

body {
  max-width: 1920px;
  margin: 0 auto;
  min-width: 1200px;
  position: relative;
  font-weight: 400;
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  color: var(--color-txt);
  font-family: var(--font-base);
  line-height: 1;
  overflow: hidden;
  overflow: clip;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
@media screen and (max-width: 767px) {
  body {
    min-width: 0;
    font-size: 0.875rem;
  }
}

:root {
  interpolate-size: allow-keywords; /* サイズキーワードによるアニメーションを許可 */
}

main {
  display: block;
}

hr {
  border: none;
  width: 100%;
  height: 1px;
  background: var(--color-grayC);
}

.material-symbols-outlined {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined,
.material-symbols-rounded {
  font-size: inherit;
}

.material-fill {
  font-variation-settings: "FILL" 1;
}

.material-light {
  font-variation-settings: "wght" 200;
}

.icon {
  width: 0.95em;
  height: 0.95em;
  display: inline-block;
  margin: 0 5px;
  vertical-align: -2px;
}
@media screen and (max-width: 767px) {
  .icon {
    width: 1em;
    height: 1em;
  }
}
.icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-sub2);
}
.icon_blank::before {
  -webkit-mask: url("/sano/assets/images/common/icon_blank.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_blank.svg") center/100% 100%;
}
.icon_pdf::before {
  -webkit-mask: url("/sano/assets/images/common/icon_pdf.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_pdf.svg") center/100% 100%;
}
.icon_lock::before {
  -webkit-mask: url("/sano/assets/images/common/icon_lock.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_lock.svg") center/100% 100%;
}
.icon_download::before {
  -webkit-mask: url("/sano/assets/images/common/icon_download.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_download.svg") center/100% 100%;
}
.icon_arrow_up::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow_up.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow_up.svg") center/100% 100%;
}
.icon_arrow_right::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow_right.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow_right.svg") center/100% 100%;
}
.icon_arrow_left::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow_left.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow_left.svg") center/100% 100%;
}
.icon_arrow_down::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow_down.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow_down.svg") center/100% 100%;
}
.icon_arrow2_right::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow2_right.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow2_right.svg") center/100% 100%;
}
.icon_arrow2_up::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow2_up.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow2_up.svg") center/100% 100%;
}
.icon_arrow2_down::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow2_down.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow2_down.svg") center/100% 100%;
}
.icon_arrow3_left::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow3_left.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow3_left.svg") center/100% 100%;
}
.icon_arrow3_right::before {
  -webkit-mask: url("/sano/assets/images/common/icon_arrow3_right.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow3_right.svg") center/100% 100%;
}
.icon_search::before {
  -webkit-mask: url("/sano/assets/images/common/icon_search.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_search.svg") center/100% 100%;
}
.icon_plus::before {
  -webkit-mask: url("/sano/assets/images/common/icon_plus.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_plus.svg") center/100% 100%;
}
.icon_minus::before {
  -webkit-mask: url("/sano/assets/images/common/icon_minus.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_minus.svg") center/100% 100%;
}
.icon_login::before {
  -webkit-mask: url("/sano/assets/images/common/icon_login.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_login.svg") center/100% 100%;
}
.icon_call::before {
  -webkit-mask: url("/sano/assets/images/common/icon_call.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_call.svg") center/100% 100%;
}
.icon_check::before {
  -webkit-mask: url("/sano/assets/images/common/icon_check.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_check.svg") center/100% 100%;
}
.icon_warning::before {
  background: var(--color-caution);
  -webkit-mask: url("/sano/assets/images/common/icon_warning.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_warning.svg") center/100% 100%;
}
.icon_pause::before {
  -webkit-mask: url("/sano/assets/images/common/icon_pause.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_pause.svg") center/100% 100%;
}
.icon_play::before {
  -webkit-mask: url("/sano/assets/images/common/icon_play.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_play.svg") center/100% 100%;
}
.icon_menu::before {
  -webkit-mask: url("/sano/assets/images/common/icon_menu.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_menu.svg") center/100% 100%;
}
.icon_close::before {
  -webkit-mask: url("/sano/assets/images/common/icon_close.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_close.svg") center/100% 100%;
}

.b_p {
  line-height: var(--lineHeight-l);
  letter-spacing: 0.025em;
  font-size: 1rem;
}
.b_p > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  transition: var(--trans-min02);
}
.b_p > a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
.b_p > a .icon::before {
  background-color: var(--color-link);
}
.b_p > strong {
  font-weight: 700;
}
.b_p--size {
  color: var(--color-caption);
  text-decoration: none;
  display: inline-block;
  font-size: 0.75rem;
}
.b_p--s {
  font-size: 0.875rem;
}
.b_p--l {
  font-size: 1.125rem;
}
.b_p--caption {
  color: var(--color-caption);
  font-size: 0.875rem;
}
.b_p + .b_p {
  margin-top: 15px;
}
.b_p_red {
  color: var(--color-caution);
}
@media screen and (max-width: 767px) {
  .b_p {
    font-size: 0.875rem;
  }
  .b_p--s {
    font-size: 0.75rem;
  }
  .b_p--l {
    font-size: 1rem;
  }
  .b_p--size {
    font-size: 0.6875rem;
  }
}
.b_tag {
  display: inline-block;
  vertical-align: top;
}
.b_tag_inner {
  min-width: 80px;
  min-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 1px 10px 2px;
  border-radius: 10px;
  font-size: 0.625rem;
  line-height: var(--lineHeight-s);
  background-color: var(--color-wh);
  border: var(--color-sub) solid 1px;
  color: var(--color-sub);
  font-weight: 500;
}
.b_tag_inner--red {
  border-color: var(--color-caution);
  background-color: var(--color-wh);
  color: var(--color-caution);
}
.b_tag_inner--color {
  color: var(--color-main);
  background-color: var(--color-bg3);
  border-color: var(--color-main);
}
.b_tag_inner--bg {
  color: var(--color-wh);
  background-color: var(--color-sub);
}
.b_tag_inner--bgred {
  color: var(--color-wh);
  border-color: var(--color-caution);
  background-color: var(--color-caution);
}
.b_tag_inner--bgmain {
  color: var(--color-wh);
  border-color: var(--color-main);
  background-color: var(--color-main);
}
.b_tag a {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.b_tag a:hover {
  opacity: 0.8;
}
.b_tagContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px;
}
.b_deco {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  min-width: 170px;
  min-height: 55px;
  padding: 5px 15px;
  font-size: 1rem;
  line-height: var(--lineHeight-m);
  background-color: var(--color-wh);
  color: var(--color-sub);
  border: 1px solid var(--color-sub);
  border-radius: 50px;
  font-weight: 500;
}
.b_deco--color {
  background-color: var(--color-sub);
  color: var(--color-wh);
}
.b_deco--main {
  border: 1px solid var(--color-main);
  color: var(--color-main);
}
.b_deco--bg {
  background-color: var(--color-bg3);
  border-color: var(--color-bg3);
  color: var(--color-main);
}
.b_deco--sub {
  min-width: auto;
  min-height: auto;
  font-size: 0.875rem;
  line-height: 1.4;
  padding: 5px;
}
@media screen and (max-width: 767px) {
  .b_deco {
    min-width: 140px;
    min-height: 44px;
    font-size: 0.9375rem;
  }
  .b_deco--sub {
    min-width: auto;
    min-height: 30px;
    font-size: 0.75rem;
  }
}
.b_sph {
  width: 80px;
  height: 80px;
  background: -webkit-linear-gradient(315deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  background: linear-gradient(135deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  color: var(--color-wh);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 100%;
  font-family: var(--font-sub);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b_sph--bl {
  background: -webkit-linear-gradient(315deg, #B6CAE5 0%, #1D4AC5 50%, #2C37B4 100%);
  background: linear-gradient(135deg, #B6CAE5 0%, #1D4AC5 50%, #2C37B4 100%);
}
.b_sph--sub {
  background: #EFF0FF;
  position: relative;
  padding: 16px;
}
.b_sph--sub::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 53%;
  height: 53%;
  background: url(/sano/assets/images/common/bg_sph.svg) no-repeat center/cover;
}
.b_sph_icon {
  position: relative;
  z-index: 1;
}
.b_sph_point {
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  margin-bottom: 3px;
}
.b_sph_number {
  font-size: 2rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .b_sph {
    width: 65px;
    height: 65px;
  }
  .b_sph--sub {
    padding: 12px;
  }
  .b_sph_point {
    margin-bottom: 2px;
  }
  .b_sph_number {
    font-size: 1.5625rem;
  }
}
.b_border {
  margin: 50px 0;
  border-bottom: var(--color-border) solid 1px;
}

/* /_base.scss
-------------------------------------------------------*/
/* _elements.scss
-------------------------------------------------------*/
.el {
  /* 見出し */
}
.el_titPrimary {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background-color: #F8F8F8;
}
.el_titPrimary .el_btn_inner:has(.el_btn_icon--circle)::after {
  content: none;
}
.el_titPrimary--color {
  color: var(--color-txt);
  background-color: #EDEDED;
}
.el_titPrimary--color .el_titPrimary_inner {
  min-height: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
}
.el_titPrimary--color .el_titPrimary_title {
  color: var(--color-main);
  margin-bottom: 24px;
}
.el_titPrimary--color .el_titPrimary_title::after {
  content: "";
  height: 4px;
  width: 66px;
  background: var(--color-sub);
  border-radius: 4px;
  display: block;
  margin: 15px auto 0;
}
.el_titPrimary_inner {
  position: relative;
  min-height: 400px;
  text-align: center;
}
.el_titPrimary_box {
  position: relative;
  color: #fff;
  min-height: 400px;
  max-width: calc(50vw - 50% + 552px);
  min-width: 570px;
  text-align: left;
  padding: 40px 48px 90px max(50vw - 50%, 20px);
  margin-left: min(50% - 50vw, -20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_titPrimary_box > * {
  position: relative;
}
.el_titPrimary_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 50px);
  border-radius: 0 0 40px 0;
  background: -webkit-linear-gradient(320deg, rgba(138, 225, 134, 0.95) 0%, rgba(91, 188, 105, 0.95) 48%, rgba(95, 185, 163, 0.95) 100%);
  background: linear-gradient(130deg, rgba(138, 225, 134, 0.95) 0%, rgba(91, 188, 105, 0.95) 48%, rgba(95, 185, 163, 0.95) 100%);
}
.el_titPrimary_box--bl::before {
  background: -webkit-linear-gradient(320deg, rgba(55, 67, 197, 0.95) 0%, rgba(75, 102, 216, 0.95) 48%, rgba(131, 164, 230, 0.95) 100%);
  background: linear-gradient(130deg, rgba(55, 67, 197, 0.95) 0%, rgba(75, 102, 216, 0.95) 48%, rgba(131, 164, 230, 0.95) 100%);
}
.el_titPrimary_box_btn.el_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 280px;
  margin-top: 30px;
}
.el_titPrimary_title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  letter-spacing: 0.06em;
}
.el_titPrimary_title > small {
  font-size: 1.75rem;
}
.el_titPrimary_text {
  margin-top: 24px;
  font-size: 1rem;
  line-height: var(--lineHeight-l);
  text-align: left;
}
.el_titPrimary_stamp {
  border-radius: 100%;
  min-width: 136px;
  min-height: 136px;
  aspect-ratio: 1/1;
  background: var(--color-caution);
  color: var(--color-wh);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  padding: 12px;
  display: grid;
  place-content: center;
  position: absolute;
  bottom: 24px;
  right: 0;
  z-index: 2;
}
.el_titPrimary_stamp[href] {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.el_titPrimary_stamp[href]::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  border-radius: 6px;
}
.el_titPrimary_stamp[href]:hover::before {
  opacity: 1;
}
.el_titPrimary_stamp[href]::before {
  border-radius: 100%;
}
.el_titPrimary_whbox {
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: rgba(50, 54, 87, 0.16) 0 14px 30px;
          box-shadow: rgba(50, 54, 87, 0.16) 0 14px 30px;
  padding: 25px 40px;
  margin-top: 20px;
  color: var(--color-txt);
}
.el_titPrimary_whbox .el_btnContainer {
  gap: 15px;
}
.el_titPrimary_whbox .el_numberBox {
  display: block;
}
.el_titPrimary_whbox .el_numberBox_list {
  gap: 10px 20px;
}
.el_titPrimary_whbox .el_numberBox_deco {
  min-height: 28px;
  padding: 2px 10px;
}
.el_titPrimary_whbox .el_number {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.el_titPrimary_whbox .el_number_number {
  font-size: 2rem;
}
.el_titPrimary_whbox .el_number_textMain, .el_titPrimary_whbox .el_number_textSub {
  padding: 0 5px 5px 5px;
}
.el_titPrimary_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.el_titPrimary_image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), print {
  .el_titPrimary_box:has(.el_titPrimary_whbox) {
    padding-bottom: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .el_titPrimary_whbox:has(.el_numberBox) {
    padding: 20px 50px;
  }
}
@media screen and (max-width: 767px) {
  .el_titPrimary--color .el_titPrimary_inner {
    width: calc(100% - 40px);
    min-height: 0;
  }
  .el_titPrimary_inner {
    min-height: 0;
    width: 100%;
    padding-bottom: 30px;
  }
  .el_titPrimary_inner:has(.el_titPrimary_stamp) {
    padding-bottom: 40px;
  }
  .el_titPrimary_box {
    margin: 0;
    min-height: 0;
    padding: 40px 20px;
    min-width: 0;
    max-width: calc(100% - 20px);
    width: 100pc;
    border-radius: 0 0 30px 0;
  }
  .el_titPrimary_box::before {
    height: 100%;
    border-radius: 0 0 30px 0;
  }
  .el_titPrimary_box_btn.el_btn {
    margin-top: 15px;
  }
  .el_titPrimary_stamp {
    min-width: 80px;
    min-height: 80px;
    font-size: 0.75rem;
    bottom: 6px;
    right: 6px;
  }
  .el_titPrimary_title {
    font-size: 1.75rem;
  }
  .el_titPrimary_title > small {
    font-size: 1.25rem;
  }
  .el_titPrimary_text {
    font-size: 0.875rem;
    margin-top: 16px;
  }
  .el_titPrimary_whbox {
    padding: 20px;
    border-radius: 10px;
  }
  .el_titPrimary_whbox .el_numberBox_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 7px 8px;
  }
  .el_titPrimary_whbox .el_numberBox_deco {
    font-size: 0.8125rem;
    min-height: 25px;
    width: auto;
    min-width: 120px;
  }
  .el_titPrimary_whbox .el_number_number {
    font-size: 1.625rem;
  }
  .el_titPrimary_whbox .el_number_textSub, .el_titPrimary_whbox .el_number_textMain {
    font-size: 0.875rem;
    padding-bottom: 4px;
  }
}
.el_titSecondary {
  margin-bottom: 56px;
  border-top: 1px solid var(--color-border);
}
.el_titSecondary::before {
  content: "";
  width: 80px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-main)), color-stop(50%, var(--color-sub)));
  background: -webkit-linear-gradient(left, var(--color-main) 50%, var(--color-sub) 50%);
  background: linear-gradient(to right, var(--color-main) 50%, var(--color-sub) 50%);
  display: block;
  margin-top: -1px;
  margin-bottom: 48px;
  border-radius: 2px;
}
.el_titSecondary_title {
  font-size: 2rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  letter-spacing: 0.04em;
  color: var(--color-main);
}
.el_titSecondary--bl .el_titSecondary_title {
  color: var(--color-sub);
}
.el_titSecondary_sub {
  line-height: var(--lineHeight-m);
  font-weight: 500;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .el_titSecondary {
    margin-bottom: 32px;
  }
  .el_titSecondary::before {
    margin-bottom: 32px;
    width: 60px;
  }
  .el_titSecondary_title {
    font-size: 1.5rem;
  }
  .el_titSecondary_sub {
    margin-top: 18px;
  }
}
.el_titTertiary {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: var(--lineHeight-m);
  margin-bottom: 40px;
  padding-left: 32px;
  position: relative;
}
.el_titTertiary::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/sano/assets/images/common/icon_h3.svg) no-repeat center/contain;
  display: block;
  position: absolute;
  top: 0.35em;
  left: 0;
}
.el_titTertiary--simple {
  padding-left: 0;
  margin-bottom: 30px;
}
.el_titTertiary--simple::before {
  content: none;
}
.el_titTertiary--sub {
  padding-left: 0;
  text-align: center;
}
.el_titTertiary--sub::before {
  display: none;
}
.el_titTertiary_sub {
  text-align: center;
  position: relative;
  margin-bottom: 14px;
  z-index: 2;
}
.el_titTertiary_sub_inner {
  display: inline-block;
  border-radius: 12px;
  font-size: 1rem;
  line-height: var(--lineHeight-m);
  font-weight: 500;
  background-color: #E3E5FF;
  border: #B2B8FF solid 1px;
  padding: 12px 40px 11px;
  min-width: 320px;
  position: relative;
  color: var(--color-sub);
}
.el_titTertiary_sub::after {
  content: "";
  width: 12px;
  height: 9px;
  background-color: #E3E5FF;
  display: block;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  margin: auto;
  z-index: 3;
}
.el_titTertiary_sub::before {
  content: "";
  width: 14px;
  height: 11px;
  background-color: #B2B8FF;
  display: block;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
  margin: auto;
  z-index: -1;
}
.el_titTertiary_sub--main .el_titTertiary_sub_inner {
  background-color: var(--color-bg3);
  color: var(--color-main);
  border-color: var(--color-main);
}
.el_titTertiary_sub--main::before {
  background-color: var(--color-main);
}
.el_titTertiary_sub--main::after {
  background-color: var(--color-bg3);
}
@media screen and (max-width: 767px) {
  .el_titTertiary {
    font-size: 1.25rem;
    padding-left: 28px;
    margin-bottom: 26px;
  }
  .el_titTertiary--sub {
    padding-left: 0;
  }
  .el_titTertiary--simple {
    margin-bottom: 20px;
    padding-left: 0;
  }
  .el_titTertiary::before {
    width: 17px;
    height: 17px;
  }
  .el_titTertiary_sub_inner {
    font-size: 0.875rem;
    min-width: 240px;
    padding: 12px 30px 11px;
  }
}
.el_titQuaternary {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: var(--lineHeight-m);
  margin-bottom: 24px;
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-main);
  font-size: 1.125rem;
}
.el_titQuinary {
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: var(--lineHeight-m);
  margin-bottom: 20px;
  color: var(--color-main);
  font-size: 1.125rem;
}
.el_titQuinary--bl {
  color: var(--color-sub);
}
@media screen and (max-width: 767px) {
  .el_titQuinary {
    margin-bottom: 15px;
  }
}
.el_catch {
  font-size: 1.75rem;
  line-height: var(--lineHeight-l);
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
}
.el_catch strong {
  font-weight: 700;
  color: var(--color-main);
}
@media screen and (max-width: 767px) {
  .el_catch {
    font-size: 1.25rem;
  }
}
.el_titleIcon {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  gap: 5px 24px;
}
.el_titleIcon .b_sph {
  grid-area: 1/1/2/2;
}
.el_titleIcon_title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  grid-area: 1/2/2/3;
  align-self: center;
}
.el_titleIcon_text {
  font-weight: 600;
  line-height: var(--lineHeight-m);
  color: var(--color-main);
  grid-area: 2/2/3/3;
}
.el_titleIcon_ex {
  border: 1px solid var(--color-main);
  border-radius: 20px;
  min-height: 40px;
  line-height: var(--lineHeight-m);
  padding: 10px 12px;
  color: var(--color-main);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-weight: 600;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .el_titleIcon {
    gap: 5px 15px;
  }
  .el_titleIcon_title {
    font-size: 1.25rem;
  }
  .el_titleIcon_ex {
    min-width: 0;
    padding: 7px 12px;
    min-height: 30px;
  }
}
.el {
  /* 金額・金利 */
}
.el_number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.el_number_textMain {
  font-weight: 700;
  padding: 0 6px 7px 6px;
  font-size: 1.25rem;
}
.el_number_number {
  font-size: 3.5rem;
  font-family: var(--font-sub);
  color: var(--color-caution);
  font-weight: 600;
  letter-spacing: 0.02em;
}
.el_number_number--min {
  font-size: 2.5rem;
}
.el_number_number > span {
  font-size: 2.5rem;
}
.el_number_textSub {
  font-weight: 700;
  padding: 0 6px 7px 6px;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .el_number_number {
    font-size: 2.5rem;
  }
  .el_number_number--min {
    font-size: 1.875rem;
  }
  .el_number_number > span {
    font-size: 1.875rem;
  }
}
.el_numberBox {
  display: inline-block;
}
.el_numberBox + .el_numberBox {
  margin-top: 15px;
}
.el_numberBox_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 12px;
}
.el_numberBox_deco {
  color: var(--color-main);
  background: var(--color-bg3);
  font-weight: 700;
  width: 128px;
  min-height: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 50px;
  padding: 5px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_numberBox_deco--bl {
  color: var(--color-sub);
  background: #E9EBFF;
}
.el {
  /* 吹き出し型テキスト */
}
.el_bubble_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.el_bubble_item + .el_bubble_item {
  margin-top: 45px;
}
.el_bubble_item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.el_bubble_human {
  width: 100px;
  margin-right: 36px;
}
.el_bubble_human--reverse {
  margin: 0 0 0 36px;
}
.el_bubble_box {
  min-height: 120px;
  width: calc(100% - 272px);
  border-radius: 20px;
  border: var(--color-main) solid 1px;
  background-color: var(--color-bg5);
  padding: 24px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}
.el_bubble_box::before, .el_bubble_box::after {
  content: "";
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
          clip-path: polygon(100% 0, 0 50%, 100% 100%);
  position: absolute;
}
.el_bubble_box::before {
  width: 18px;
  height: 24px;
  background-color: var(--color-main);
  left: -18px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: -1;
}
.el_bubble_box::after {
  width: 20px;
  height: 26px;
  background-color: var(--color-bg5);
  left: -16px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 2;
}
.el_bubble_box--reverse::before, .el_bubble_box--reverse::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.el_bubble_box--reverse::before {
  left: auto;
  right: -18px;
}
.el_bubble_box--reverse::after {
  left: auto;
  right: -16px;
}
@media screen and (max-width: 767px) {
  .el_bubble_item + .el_bubble_item {
    margin-top: 30px;
  }
  .el_bubble_human {
    width: 80px;
    margin-right: 25px;
  }
  .el_bubble_human--reverse {
    margin: 0 0 0 25px;
  }
  .el_bubble_box {
    border-radius: 18px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 18px;
  }
  .el_bubble_box::before {
    width: 12px;
    height: 18px;
    left: -13px;
  }
  .el_bubble_box::after {
    width: 14px;
    height: 20px;
    left: -11px;
  }
  .el_bubble_box--reverse::before {
    left: auto;
    right: -13px;
  }
  .el_bubble_box--reverse::after {
    left: auto;
    right: -11px;
  }
}
.el {
  /* 電話番号 */
}
.el_tel_inner {
  display: inline-block;
  font-size: 3rem;
  letter-spacing: 0.03em;
  font-weight: 600;
  font-family: var(--font-sub);
}
.el_tel_icon {
  margin-right: 14px;
  width: 0.67em;
  height: 0.67em;
  vertical-align: 1px;
}
.el_tel_icon::before {
  background: var(--color-main);
}
.el_tel_free {
  display: inline-block;
  margin-right: 8px;
  vertical-align: 6px;
  width: 60px;
}
@media screen and (max-width: 767px) {
  .el_tel_inner {
    font-size: 1.875rem;
  }
  .el_tel_icon {
    width: 0.7em;
    height: 0.7em;
    vertical-align: 0;
  }
  .el_tel_free {
    width: 44px;
    vertical-align: 2px;
    margin-right: 5px;
  }
}
.el {
  /* リスト */
}
.el_ulList > li {
  position: relative;
  padding-left: 1.2em;
  line-height: var(--lineHeight-l);
}
.el_ulList > li > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  transition: var(--trans-min02);
}
.el_ulList > li > a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
.el_ulList > li > a .icon::before {
  background-color: var(--color-link);
}
.el_ulList > li + li {
  margin-top: 0.5em;
}
.el_ulList > li::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.38em;
  height: 0.38em;
  background: var(--color-main);
  border-radius: 50%;
  left: 0.4em;
  top: 0.7em;
}
.el_ulList--caution > li::before {
  background: var(--color-caution);
}
.el_ulList__notes > li {
  color: #777;
  font-size: 0.875rem;
}
.el_ulList__notes > li::before {
  content: "※";
  width: auto;
  height: auto;
  background: none;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .el_ulList__notes > li {
    font-size: 0.8125rem;
  }
}
.el_olList {
  counter-reset: listNum;
}
.el_olList > li {
  position: relative;
  padding-left: 1.7em;
  line-height: var(--lineHeight-l);
  counter-increment: listNum;
}
.el_olList > li > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  transition: var(--trans-min02);
}
.el_olList > li > a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
.el_olList > li > a .icon::before {
  background-color: var(--color-link);
}
.el_olList > li + li {
  margin-top: 0.5em;
}
.el_olList > li::before {
  content: counter(listNum) ".";
  position: absolute;
  left: 0;
  top: 0;
}
.el_olList--sub > li::before {
  color: var(--color-sub);
}
.el_olList__brackets > li {
  padding-left: 2.2em;
}
.el_olList__brackets > li::before {
  content: "(" counter(listNum) ")";
}
.el_olList__styleNotes > li {
  padding-left: 2.5em;
  color: #777;
  font-size: 0.875rem;
}
.el_olList__styleNotes > li::before {
  content: "※" counter(listNum);
}
@media screen and (max-width: 767px) {
  .el_olList__styleNotes > li {
    font-size: 0.8125rem;
  }
}
.el_iconList > li {
  position: relative;
  padding-left: 1.3em;
  line-height: var(--lineHeight-l);
}
.el_iconList > li > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  transition: var(--trans-min02);
}
.el_iconList > li > a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
.el_iconList > li > a .icon::before {
  background-color: var(--color-link);
}
.el_iconList > li + li {
  margin-top: 0.5em;
}
.el_iconList_icon {
  position: absolute;
  left: 0;
  top: 6px;
  margin: 0;
}
.el_iconList_icon::before {
  background: var(--color-main);
}
.el_iconList_icon--red::before {
  background: var(--color-caution);
}
.el_tabelList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: var(--lineHeight-l);
}
.el_tabelList--min {
  font-size: 0.875rem;
}
.el_tabelList + .el_tabelList {
  margin-top: 0.5em;
}
.el_tabelList_text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .el_tabelList--min {
    font-size: 0.8125rem;
  }
}
.el {
  /* テキストリンク */
}
.el_txtlink_inner {
  color: var(--color-txt);
  line-height: var(--lineHeight-l);
  position: relative;
  display: inline-block;
  padding-left: 25px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.el_txtlink_inner:hover {
  color: var(--color-sub2);
}
.el_txtlink_icon {
  margin: 0 5px;
  vertical-align: -2px;
}
.el_txtlink_arrow {
  position: absolute;
  left: 0;
  top: 6px;
  width: 1em;
  height: 1em;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .el_txtlink_arrow {
    top: 5px;
  }
}
.el_txtlinkContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 40px;
}
.el_txtlinkContainer--vt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .el_txtlinkContainer {
    display: block;
    gap: 0;
  }
  .el_txtlinkContainer_item + .el_txtlinkContainer_item {
    margin-top: 10px;
  }
}
.el {
  /* ボタン */
}
.el_btn {
  width: 100%;
}
.el_btn--circle {
  width: 40px;
}
.el_btn_inner {
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 56px;
  padding: 7px 35px 7px 25px;
  border-radius: 40px;
  text-align: center;
  position: relative;
  background: var(--color-grad1);
  overflow: hidden;
  color: var(--color-wh);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.el_btn_inner::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  border-radius: 6px;
}
.el_btn_inner:hover::before {
  opacity: 1;
}
.el_btn_inner::after {
  content: "";
  -webkit-mask: url("/sano/assets/images/common/icon_arrow_right.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow_right.svg") center/100% 100%;
  width: 1em;
  height: 1em;
  background-color: var(--color-wh);
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_btn_inner[href^=http]::after, .el_btn_inner[target=_blank]::after, .el_btn_inner[href$=".pdf"]::after {
  display: none;
}
.el_btn_inner:has(.el_btn_icon) {
  padding: 7px 35px 7px 40px;
}
.el_btn_inner:has(.el_btn_icon--circle) {
  padding: 7px 60px 7px 70px;
}
.el_btn_inner:has(input) {
  padding: 0;
}
.el_btn_inner > span {
  z-index: 1;
}
.el_btn_inner > input {
  width: 100%;
  height: 100%;
  min-height: 56px;
  padding: 7px 35px 7px 25px;
  border: none;
  background: transparent;
  color: var(--color-wh);
  font-family: var(--font-base);
  z-index: 1;
  cursor: pointer;
}
.el_btn_inner--up::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.el_btn_inner--down::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.el_btn_inner--border {
  background: var(--color-wh);
  color: var(--color-txt);
  border: var(--color-main) solid 1px;
}
.el_btn_inner--border .el_btn_type::before {
  background-color: var(--color-sub2);
}
.el_btn_inner--border:hover {
  background: var(--color-bg3);
  color: var(--color-main);
}
.el_btn_inner--border::after {
  background-color: var(--color-sub2);
}
.el_btn_inner--border > input {
  color: var(--color-txt);
}
.el_btn_inner--caution {
  background: var(--color-wh);
  color: var(--color-caution);
  border: var(--color-caution) solid 1px;
}
.el_btn_inner--caution::after {
  background: var(--color-caution);
}
.el_btn_inner--caution::before {
  background-color: var(--color-cautionBg);
}
.el_btn_inner--circle {
  min-height: 40px;
  padding: 0;
  border-radius: 100%;
  background: var(--color-sub2);
}
.el_btn_inner--circle::after {
  left: 0;
  right: 0;
  -webkit-mask: url(/sano/assets/images/common/icon_arrow2_right.svg) center/100% 100%;
          mask: url(/sano/assets/images/common/icon_arrow2_right.svg) center/100% 100%;
}
.el_btn_inner--main {
  background: var(--color-main);
}
.el_btn_inner--main .el_btn_icon--circle {
  background: #F3FCF2;
}
.el_btn_inner--main .el_btn_icon--circle::before {
  background: var(--color-main) !important;
}
.el_btn_inner--pink {
  background: var(--color-caution);
}
.el_btn_inner--pink .el_btn_icon--circle::before {
  background: var(--color-caution) !important;
}
.el_btn_inner--sub {
  background: var(--color-sub);
}
.el_btn_inner--sub .el_btn_icon--circle::before {
  background: var(--color-sub) !important;
}
.el_btn_inner--sub2 {
  background: var(--color-sub2);
}
.el_btn_inner--sub2 .el_btn_icon--circle {
  background: #FCF7EA;
}
.el_btn_inner--sub2 .el_btn_icon--circle::before {
  background: var(--color-sub2) !important;
}
.el_btn_inner--grad2 {
  background: var(--color-grad2);
}
.el_btn_inner--grad2 .el_btn_icon--circle {
  background: #FCF7EA;
}
.el_btn_inner--grad2 .el_btn_icon--circle::before {
  background: var(--color-sub2) !important;
}
.el_btn_inner--clear {
  border: var(--color-border) solid 2px;
  background-color: var(--color-wh);
  color: var(--color-txt);
}
.el_btn_inner--clear::after {
  display: none;
}
.el_btn_inner--cv {
  background: var(--color-cv);
  min-height: 72px;
}
.el_btn_inner--cv::after {
  right: 26px;
}
.el_btn_inner--cv2 {
  background: var(--color-wh);
  min-height: 72px;
  border-color: #FD7887;
  color: #FD7887;
  border: #FD7887 solid 1px;
}
.el_btn_inner--cv2:hover {
  background: var(--color-cautionBg);
}
.el_btn_inner--cv2::after {
  right: 26px;
  background: #FD7887;
}
.el_btn_inner--l {
  max-width: 580px;
  min-height: 80px;
}
.el_btn_inner--m {
  min-height: 72px;
  max-width: 580px;
}
.el_btn_inner--m::after {
  right: 26px;
}
.el_btn_inner--s {
  max-width: 160px;
  min-height: 37px;
  padding: 5px 30px;
  border-radius: 20px;
}
.el_btn_inner--s::after {
  right: 7px;
}
.el_btn_inner--noicon {
  padding-left: 20px;
  padding-right: 20px;
}
.el_btn_inner.js-agreeBtn:not(.is-active) {
  pointer-events: none;
}
.el_btn_inner.js-agreeBtn:not(.is-active)::before {
  background-color: var(--color-grayC);
  opacity: 1;
}
.el_btn_icon {
  position: absolute;
  left: 26px;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
}
.el_btn_icon:not(.icon_warning)::before {
  background: #fff;
}
.el_btn_icon--circle {
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: grid;
  place-content: center;
}
.el_btn_icon--circle::before {
  width: 20px;
  height: 20px;
  background: var(--color-caution) !important;
}
.el_btn_type {
  position: absolute;
  right: 13px;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_btn_type::before {
  background: var(--color-wh);
}
.el_btn_text {
  font-weight: 600;
  line-height: var(--lineHeight-s);
  letter-spacing: 0.03em;
  font-size: 0.9375rem;
}
.el_btn_text--xl {
  font-size: 1.25rem;
}
.el_btn_text--l {
  font-size: 1.125rem;
}
.el_btn_text--s {
  font-size: 0.875rem;
}
.el_btn_textSub {
  line-height: var(--lineHeight-xs);
  font-size: 0.75rem;
}
.el_btn_textSub--bk {
  color: var(--color-txt);
}
.el_btn_caption {
  font-weight: 500;
  line-height: var(--lineHeight-xs);
  text-align: center;
  margin-bottom: 12px;
  color: var(--color-dk);
  font-size: 0.875rem;
}
.el_btn_caption--reverse {
  margin: 12px 0 0;
}
.el_btn .b_tag {
  position: absolute;
  left: -10px;
  top: -13px;
}
@media screen and (max-width: 767px) {
  .el_btn_inner {
    min-height: 53px;
  }
  .el_btn_inner:has(.el_btn_icon--circle) {
    padding: 7px 45px 7px 55px;
  }
  .el_btn_inner--cv, .el_btn_inner--cv2 {
    min-height: 62px;
  }
  .el_btn_inner--cv::after, .el_btn_inner--cv2::after {
    right: 16px;
  }
  .el_btn_inner--l {
    min-height: 56px;
  }
  .el_btn_inner--m {
    min-height: 62px;
  }
  .el_btn_inner--s {
    min-height: 37px;
  }
  .el_btn_inner--circle {
    min-height: 40px;
  }
  .el_btn_icon {
    left: 20px;
  }
  .el_btn_icon--circle {
    left: 16px;
    width: 36px;
    height: 36px;
  }
  .el_btn_text {
    font-size: 0.875rem;
  }
  .el_btn_text--xl {
    font-size: 1.125rem;
  }
  .el_btn_text--l {
    font-size: 1rem;
  }
  .el_btn_text--s {
    font-size: 0.75rem;
  }
}
.el_btnContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 40px;
}
.el_btnContainer_item {
  width: 100%;
}
.el_btnContainer--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_btnContainer--end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 768px), print {
  .el_btnContainer--row2 .el_btnContainer_item {
    width: calc((100% - 40px) / 2);
    gap: 20px 40px;
  }
  .el_btnContainer--row3 {
    gap: 20px 30px;
  }
  .el_btnContainer--row3 .el_btnContainer_item {
    width: calc((100% - 60px) / 3);
  }
  .el_btnContainer--row4 {
    gap: 20px 20px;
  }
  .el_btnContainer--row4 .el_btnContainer_item {
    width: calc((100% - 60px) / 4);
  }
  .el_btnContainer--row5 {
    gap: 20px 20px;
  }
  .el_btnContainer--row5 .el_btnContainer_item {
    width: calc((100% - 80px) / 5);
  }
}
@media screen and (max-width: 767px) {
  .el_btnContainer {
    display: block;
    gap: 0;
  }
  .el_btnContainer_item + .el_btnContainer_item {
    margin-top: 20px;
  }
  .el_btnContainer--row2Sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
  .el_btnContainer--row2Sp .el_btnContainer_item {
    width: calc((100% - 10px) / 2);
    margin-top: 0;
  }
}
.el {
  /* アンカー */
}
.el_anchor_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.el_anchor_item {
  width: calc(100% + 1px);
  position: relative;
  background-color: var(--color-wh);
  border: 1px solid var(--color-border);
  margin: -1px 0 0 -1px;
}
.el_anchor_link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 64px;
  font-weight: 500;
  line-height: var(--lineHeight-s);
  text-align: center;
  padding: 8px 35px 7px;
  position: relative;
  font-size: 0.9375rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.el_anchor_link:hover {
  color: var(--color-hover);
}
.el_anchor_icon {
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
}
@media screen and (min-width: 768px), print {
  .el_anchor_list--col2, .el_anchor_list--col3, .el_anchor_list--col4, .el_anchor_list--col5 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .el_anchor_list--col2 .el_anchor_item {
    width: calc(50% + 1px);
  }
  .el_anchor_list--col3 .el_anchor_item {
    width: calc(33.3333333333% + 1px);
  }
  .el_anchor_list--col4 .el_anchor_item {
    width: calc(25% + 1px);
  }
  .el_anchor_list--col5 .el_anchor_item {
    width: calc(20% + 1px);
  }
}
@media screen and (max-width: 767px) {
  .el_anchor_list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .el_anchor_item {
    width: 100%;
    margin: -1px 0 0 0;
  }
  .el_anchor_icon {
    width: 14px;
    height: 14px;
  }
}
.el {
  /* アプリ */
}
.el_app_title {
  text-align: center;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  margin-bottom: 60px;
  font-size: 1.75rem;
}
.el_app_list {
  padding: 0 20px;
  background-color: #F8F8F8;
  border-radius: 20px;
}
@media screen and (min-width: 768px), print {
  .el_app_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.el_app_item {
  width: 50%;
  position: relative;
  padding: 50px 20px 35px;
}
.el_app_item:not(:last-child)::after {
  content: "";
  width: 1px;
  height: calc(100% - 65px);
  background-color: var(--color-grayC);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.el_app_item_title {
  width: calc(100% - 60px);
  min-height: 56px;
  max-width: 500px;
  position: absolute;
  left: 0;
  right: 0;
  top: -28px;
  padding: 5px 10px;
  margin: 0 auto;
  border-radius: 50px;
  text-align: center;
  font-weight: 500;
  line-height: var(--lineHeight-s);
  border: 1px solid var(--color-main);
  background-color: var(--color-wh);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.125rem;
}
.el_app_item_btn {
  display: block;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.el_app_item_btn:hover {
  opacity: 0.8;
}
.el_app_item_inner {
  gap: min(40px, 8%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_app_item_image {
  width: min(185px, 40%);
}
@media screen and (max-width: 767px) {
  .el_app_title {
    margin-bottom: 50px;
    font-size: 1.25rem;
  }
  .el_app_list {
    padding: 0;
  }
  .el_app_item {
    width: 100%;
  }
  .el_app_item:last-child {
    margin-top: 30px;
  }
  .el_app_item:not(:last-child)::after {
    display: none;
  }
  .el_app_item_title {
    top: -22px;
    width: calc(100% - 40px);
    min-height: 45px;
    font-size: 1rem;
  }
  .el_app_item_inner {
    gap: 20px;
  }
  .el_app_item_image {
    width: 150px;
  }
}
.el {
  /* 検索ボックス */
}
.el_searchContainer {
  background: var(--color-bg);
  padding: 54px;
}
.el_searchContainer .el_search {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .el_searchContainer {
    padding: 30px 20px;
  }
}
.el_search {
  max-width: 850px;
  position: relative;
  width: 100%;
}
.el_search .gsc-control-cse,
.el_search .gsc-input {
  border-width: 0;
}
.el_search .gsc-control-cse {
  padding: 0;
  border: none;
}
.el_search .form.gsc-search-box {
  margin-bottom: 0;
}
.el_search .gsc-search-box {
  margin-bottom: 0;
}
.el_search .gsib_a {
  padding: 0;
}
.el_search .gsib_b {
  border: none;
  display: none;
}
.el_search .gsst_b {
  padding: 0 !important;
  position: absolute;
  top: 50%;
  right: 114px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.el_search .gsc-input-box {
  border: none;
}
.el_search input.gsc-input {
  width: 100%;
  height: 56px !important;
  font-size: 1rem;
  font-family: var(--font-base);
  padding: 10px 34px 10px 50px !important;
  background-color: transparent !important;
  background-position: 34px center !important;
  border: var(--color-border) solid 1px !important;
  border-radius: 50px !important;
  background-position: 50px center !important;
}
.el_search input.gsc-input:focus-visible {
  outline: var(--color-txt) solid 2px !important;
}
.el_search input.gsc-input::-webkit-input-placeholder {
  color: var(--color-grayC);
}
.el_search input.gsc-input::-moz-placeholder {
  color: var(--color-grayC);
}
.el_search input.gsc-input:-ms-input-placeholder {
  color: var(--color-grayC);
}
.el_search input.gsc-input::-ms-input-placeholder {
  color: var(--color-grayC);
}
.el_search input.gsc-input::placeholder {
  color: var(--color-grayC);
}
.el_search .gsc-input {
  padding-right: 0 !important;
}
.el_search .gsc-search-button {
  margin-left: 0;
  width: 0;
}
.el_search .gsc-search-button-v2,
.el_search .gsc-search-button-v2:focus,
.el_search .gsc-search-button-v2:focus-visible {
  background: -webkit-linear-gradient(320deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  background: linear-gradient(130deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  height: 55px;
  width: 104px;
  border-radius: 0 50px 50px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-width: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  padding: 6px 0;
  outline: none;
}
.el_search .gsc-search-button-v2::after,
.el_search .gsc-search-button-v2:focus::after,
.el_search .gsc-search-button-v2:focus-visible::after {
  content: "検索";
  display: inline-block;
  color: #fff;
}
.el_search .gsc-search-button-v2:hover,
.el_search .gsc-search-button-v2:focus:hover,
.el_search .gsc-search-button-v2:focus-visible:hover {
  opacity: 0.5;
  background: -webkit-linear-gradient(320deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  background: linear-gradient(130deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
}
.el_search .gsc-search-button-v2 > svg,
.el_search .gsc-search-button-v2:focus > svg,
.el_search .gsc-search-button-v2:focus-visible > svg {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .el_search input.gsc-input {
    height: 50px !important;
    font-size: 0.875rem;
    padding: 10px 20px 10px 45px !important;
    background-position: 45px center !important;
  }
  .el_search .gsc-search-button-v2,
  .el_search .gsc-search-button-v2:focus,
  .el_search .gsc-search-button-v2:focus-visible {
    width: 80px;
    height: 50px;
  }
  .el_search .gsc-search-button-v2::after,
  .el_search .gsc-search-button-v2:focus::after,
  .el_search .gsc-search-button-v2:focus-visible::after {
    font-size: 0.75rem;
  }
  .el_search .gsc-search-button-v2 > svg,
  .el_search .gsc-search-button-v2:focus > svg,
  .el_search .gsc-search-button-v2:focus-visible > svg {
    width: 14px;
    height: 14px;
  }
}
.el {
  /* フォーム */
}
.el_inputText > input {
  font-family: var(--font-base);
  border: var(--color-border) solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  outline: none;
  line-height: var(--lineHeight-s);
  padding: 20px;
  width: 100%;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  font-size: 1rem;
}
.el_inputText > input:focus {
  background: var(--color-bg);
  outline: auto;
}
.el_inputText > input.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
  color: var(--color-caution);
}
.el_inputText_text {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 12px;
  line-height: var(--lineHeight-s);
}
@media screen and (max-width: 767px) {
  .el_inputText > input {
    padding: 13px 15px;
    font-size: 0.875rem;
  }
}
.el_inputTextArea > textarea {
  vertical-align: middle;
  font-family: var(--font-base);
  outline: none;
  border: var(--color-border) solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  line-height: var(--lineHeight-s);
  padding: 20px 24px;
  width: 100%;
  height: 200px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  font-size: 1rem;
}
.el_inputTextArea > textarea:focus {
  background: var(--color-bg);
}
.el_inputTextArea > textarea.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
  color: var(--color-caution);
}
@media screen and (max-width: 767px) {
  .el_inputTextArea > textarea {
    height: 150px;
    padding: 13px 15px;
    font-size: 0.875rem;
  }
}
.el_selectBox {
  position: relative;
}
.el_selectBox > select {
  font-family: var(--font-base);
  outline: none;
  border: var(--color-border) solid 1px;
  background: var(--color-wh);
  border-radius: 5px;
  line-height: var(--lineHeight-s);
  padding: 20px 40px 20px 24px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  width: 100%;
  position: relative;
  font-size: 1rem;
}
.el_selectBox > select:focus {
  background: var(--color-bg);
}
.el_selectBox.is-error select {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
  color: var(--color-caution);
}
.el_selectBox_icon {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  width: 14px;
  height: 14px;
}
.el_selectBox_icon::before {
  background: var(--color-main);
}
.is-error .el_selectBox_icon::before {
  background: var(--color-caution);
}
@media screen and (max-width: 767px) {
  .el_selectBox > select {
    padding: 13px 40px 13px 15px;
    font-size: 0.875rem;
  }
}
.el_inputList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 50px;
}
.el_inputList--ve {
  gap: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  .el_inputList {
    display: block;
  }
  .el_inputList > li + li {
    margin-top: 10px;
  }
}
.el_inputRadio {
  line-height: var(--lineHeight-s);
}
.el_inputRadio > label {
  cursor: pointer;
}
.el_inputRadio input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin: 0 8px 0 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: var(--color-wh);
  border: var(--color-border) solid 2px;
  cursor: pointer;
  vertical-align: -5px;
}
.el_inputRadio input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: var(--color-main);
  border-radius: 100%;
}
.el_inputRadio input.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
}
.el_inputRadio input.is-error:checked::after {
  background-color: var(--color-caution);
}
.el_inputRadio input.is-error + span {
  color: var(--color-caution);
}
@media screen and (max-width: 767px) {
  .el_inputRadio input {
    width: 22px;
    height: 22px;
  }
  .el_inputRadio input:checked::after {
    width: 10px;
    height: 10px;
  }
}
.el_inputCheck {
  line-height: var(--lineHeight-s);
}
.el_inputCheck > label {
  cursor: pointer;
}
.el_inputCheck input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin: 0 8px 0 0;
  width: 24px;
  height: 24px;
  background: var(--color-wh);
  border: var(--color-border) solid 2px;
  cursor: pointer;
  vertical-align: -5px;
}
.el_inputCheck input:checked::after {
  content: "";
  position: absolute;
  border-left: 2px solid var(--color-main);
  border-bottom: 2px solid var(--color-main);
  width: 12px;
  height: 7px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -80%) rotate(-45deg);
          transform: translate(-45%, -80%) rotate(-45deg);
}
.el_inputCheck input.is-error {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
}
.el_inputCheck input.is-error:checked::after {
  border-color: var(--color-caution);
}
.el_inputCheck input.is-error + span {
  color: var(--color-caution);
}
.el_formError {
  margin-top: 10px;
}
.el_formError > li {
  color: var(--color-red);
  font-size: 1rem;
  line-height: 1.5;
}
.el_formError > li + li {
  margin-top: 5px;
}
.el {
  /* マップ */
}
.el_map {
  width: 100%;
  height: 0;
  padding-top: 60%;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.el_map > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.el {
  /* モーダル */
}
.el_modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 960px;
  max-width: calc(100% - 80px);
  max-height: calc(100% - 80px);
  min-height: 600px;
  background-color: var(--color-wh);
  border-radius: 20px;
  overflow-y: scroll;
  z-index: 120;
}
.el_modal::-webkit-scrollbar {
  display: none;
}
.el_modal_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.el_modal_title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  padding: 15px 30px 15px 40px;
  min-height: 80px;
}
.el_modal_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 4px 4px 0 0;
  background: var(--color-main);
}
.el_modal_close .icon {
  width: 28px;
  height: 28px;
}
.el_modal_main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: 100%;
  border-top: var(--color-border) solid 1px;
  padding: 40px;
}
.el_modal_overlay {
  display: none;
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background: var(--color-bk);
  opacity: 0.5;
  z-index: 110;
}
@media screen and (max-width: 767px) {
  .el_modal {
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    min-height: 240px;
  }
  .el_modal_title {
    gap: 20px;
    font-size: 1.125rem;
    padding: 10px 15px 10px 20px;
    min-height: 78px;
  }
  .el_modal_close .icon {
    width: 24px;
    height: 24px;
  }
  .el_modal_main {
    padding: 20px;
  }
}
.el {
  /* スライダー */
}
.el_slider_btn {
  margin-top: 28px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.el_slider_pagin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.el_slider_pagin .swiper-pagination-bullet {
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  background: #fff;
  border: 1px solid #FD7887;
  margin: 0 !important;
  opacity: 1;
}
.el_slider_pagin .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FD7887;
}
.el_slider_ctrl {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 50px;
  border: 1px solid var(--color-border);
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 225px;
  padding: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 0 20px;
          box-shadow: rgba(0, 0, 0, 0.08) 0 0 20px;
  margin-top: 32px;
  background: #fff;
  position: relative;
  z-index: 1;
}
.el_slider_ctrlBtn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: -webkit-linear-gradient(290deg, #FFBE97 0%, #FE9E8F 30%, #FD7887 70%, #F3475A 100%);
  background: linear-gradient(160deg, #FFBE97 0%, #FE9E8F 30%, #FD7887 70%, #F3475A 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.el_slider_ctrlBtn--prev .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.el_slider_ctrlBtn .icon {
  z-index: 1;
  width: 13px;
  height: 13px;
}
.el_slider_ctrlBtn .icon::before {
  background: #fff;
}
.el_slider_ctrlPlay {
  overflow: hidden;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el_slider_ctrlPlay--pause::before, .el_slider_ctrlPlay--play::before {
  background: var(--color-border);
}
.el_slider_ctrlPlay--play {
  display: none;
}
.el_slider_ctrlPlay.is-stop .el_slider_ctrlPlay--play {
  display: inline-block;
}
.el_slider_ctrlPlay.is-stop .el_slider_ctrlPlay--pause {
  display: none;
}
@media screen and (max-width: 767px) {
  .el_slider_btn {
    margin-top: 15px;
  }
  .el_slider_pagin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .el_slider_pagin .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .el_slider_ctrl {
    margin-top: 28px;
  }
}

/* /_elements.scss
-------------------------------------------------------*/
/* _block.scss
-------------------------------------------------------*/
.bl {
  /* パンクズ */
}
.bl_pnkz {
  padding: 18px 0;
  text-align: right;
}
.bl_pnkz_list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  padding-bottom: 12px;
}
.bl_pnkz_item {
  color: var(--color-caption);
  line-height: 1.4;
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-size: 0.875rem;
}
.bl_pnkz_item:last-child {
  color: var(--color-main);
  font-weight: 500;
}
.bl_pnkz_item > a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_pnkz_item > a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
.bl_pnkz_item > a::after {
  content: "";
  display: inline-block;
  margin: 0 10px 0;
  width: 11px;
  height: 11px;
  -webkit-mask: url(/sano/assets/images/common/icon_arrow2_right.svg) center/100% 100%;
          mask: url(/sano/assets/images/common/icon_arrow2_right.svg) center/100% 100%;
  background: var(--color-caption);
}
@media screen and (max-width: 767px) {
  .bl_pnkz {
    padding: 18px 0;
  }
  .bl_pnkz_item > a {
    text-underline-offset: 1px;
  }
  .bl_pnkz_item > a::after {
    width: 9px;
    height: 9px;
    margin: 0 8px;
  }
}
.bl {
  /* タブ */
}
.bl_tab_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: #F3F3F3;
  border-radius: 30px;
  gap: 5px;
  padding: 4px;
}
.bl_tab_list_inner {
  position: relative;
  z-index: 1;
}
.bl_tab_list_item {
  width: 100%;
  min-height: 40px;
  padding: 8px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  position: relative;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  border-radius: 30px;
  color: #777777;
  overflow: hidden;
  transition: var(--trans-min02);
}
.bl_tab_list_item:hover {
  color: var(--color-main);
}
.bl_tab_list_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--color-grad1);
  opacity: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_tab_list_item[aria-selected=true] {
  color: var(--color-wh);
}
.bl_tab_list_item[aria-selected=true]::after {
  opacity: 1;
}
.bl_tab_main {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .bl_tab_list {
    border-radius: 20px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 5px;
  }
  .bl_tab_list_item {
    width: calc((100% - 5px) / 2);
    font-size: 0.875rem;
    min-height: 30px;
  }
}
.bl {
  /* テキストパネル */
}
.bl_textpanel {
  border-radius: 20px;
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  height: 100%;
  padding: 8px;
}
.bl_textpanel--shwdow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 0 26px;
          box-shadow: rgba(0, 0, 0, 0.08) 0 0 26px;
}
.bl_textpanel_image {
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
}
.bl_textpanel_main {
  padding: 32px 16px 32px;
}
.bl_textpanel_main--point {
  padding-top: 64px;
  position: relative;
  padding-inline: 24px;
}
.bl_textpanel_image + .bl_textpanel_main--point {
  padding-top: 47px;
}
.bl_textpanel_image + .bl_textpanel_main--point .bl_textpanel_point {
  top: -48px;
}
.bl_textpanel_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.bl_textpanel_title::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 16px auto 0 0;
}
.bl_textpanel_title--center {
  text-align: center;
}
.bl_textpanel_title--center::after {
  margin: 16px auto 0;
}
.bl_textpanel_point {
  position: absolute;
  top: -31px;
  left: 22px;
}
@media screen and (max-width: 767px) {
  .bl_textpanel_main {
    padding: 25px 12px 28px;
  }
  .bl_textpanel_main--point {
    padding-top: 50px;
  }
  .bl_textpanel_image + .bl_textpanel_main--point .bl_textpanel_point {
    top: -40px;
  }
  .bl_textpanel_point {
    left: 12px;
  }
}
.bl_textpanelBorder {
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  height: 100%;
  padding: 40px 24px;
}
.bl_textpanelBorder_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.bl_textpanelBorder_title::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 16px auto 0 0;
}
.bl_textpanelBorder_title--center {
  text-align: center;
}
.bl_textpanelBorder_title--center::after {
  margin: 16px auto 0;
}
@media screen and (max-width: 767px) {
  .bl_textpanelBorder {
    padding: 30px 20px;
  }
}
.bl {
  /* カードパネル */
}
.bl_cardpanel {
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  border-radius: 15px;
  height: 100%;
  padding: 30px;
  position: relative;
}
.bl_cardpanel--shwdow {
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 0 26px;
          box-shadow: rgba(0, 0, 0, 0.08) 0 0 26px;
}
.bl_cardpanel_circle {
  width: 100px;
  height: 100px;
  padding: 0;
  margin: 0 auto 24px;
}
.bl_cardpanel_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
  font-size: 1.25rem;
}
.bl_cardpanel_title::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 16px auto 0 auto;
}
@media screen and (max-width: 767px) {
  .bl_cardpanel {
    padding: 25px;
  }
  .bl_cardpanel_circle {
    margin-bottom: 18px;
  }
}
.bl_pointContainer {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 48px;
}
@media screen and (min-width: 768px), print {
  .bl_pointContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.bl_pointContainer_item {
  max-width: 280px;
}
@media screen and (max-width: 767px) {
  .bl_pointContainer_item {
    margin: 0 auto 40px;
  }
  .bl_pointContainer_item:last-child {
    margin-bottom: 0;
  }
}
.bl_pointpanel {
  position: relative;
}
.bl_pointpanel_point {
  position: absolute;
  top: 0;
  left: 0;
}
.bl_pointpanel_image {
  margin: 0 auto 20px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bl_pointpanel_image {
    width: calc(100% - 80px);
  }
  .bl_pointpanel_point {
    left: 30px;
  }
}
.bl {
  /* テキストリンクパネル */
}
.bl_textLinkpanel {
  border-radius: 20px;
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 14px 30px rgba(50, 54, 87, 0.16);
          box-shadow: 0 14px 30px rgba(50, 54, 87, 0.16);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_textLinkpanel h2, .bl_textLinkpanel h3, .bl_textLinkpanel h4, .bl_textLinkpanel h5 {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_textLinkpanel:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--color-main);
  background-color: #FBFFFB;
}
.bl_textLinkpanel:hover h2, .bl_textLinkpanel:hover h3, .bl_textLinkpanel:hover h4, .bl_textLinkpanel:hover h5 {
  color: var(--color-main);
}
.bl_textLinkpanel_title {
  font-weight: 700;
  line-height: var(--lineHeight-s);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 50px 15px 40px;
  position: relative;
  min-height: 88px;
  font-size: 1.25rem;
}
.bl_textLinkpanel_title::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 4px 4px 0 0;
  background: var(--color-main);
  position: absolute;
  bottom: 0;
  left: 40px;
}
.bl_textLinkpanel_main {
  border-top: var(--color-border) solid 1px;
  padding: 30px 30px 40px;
  position: relative;
  height: 100%;
}
.bl_textLinkpanel_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .bl_textLinkpanel_title {
    padding: 10px 50px 10px 25px;
    min-height: 78px;
  }
  .bl_textLinkpanel_title::after {
    left: 25px;
    height: 3px;
    width: 50px;
  }
  .bl_textLinkpanel_icon {
    right: 25px;
  }
  .bl_textLinkpanel_main {
    padding: 25px 25px 30px;
  }
}
.bl {
  /* リンクパネル */
}
.bl_linkpanel {
  border-radius: 20px;
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  height: 100%;
  padding: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 0 26px;
          box-shadow: rgba(0, 0, 0, 0.08) 0 0 26px;
  position: relative;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_linkpanel h2, .bl_linkpanel h3, .bl_linkpanel h4, .bl_linkpanel h5 {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_linkpanel:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--color-main);
  background-color: #FBFFFB;
}
.bl_linkpanel:hover h2, .bl_linkpanel:hover h3, .bl_linkpanel:hover h4, .bl_linkpanel:hover h5 {
  color: var(--color-main);
}
.bl_linkpanel_image {
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
}
.bl_linkpanel_main {
  padding: 32px 16px 48px;
}
.bl_linkpanel_main:not(:has(.b_p)) {
  padding: 26px 16px 16px;
}
.bl_linkpanel_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.bl_linkpanel_title::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 16px auto 0 0;
}
.bl_linkpanel_title:not(:has(+ .b_p)) {
  margin-bottom: 0;
}
.bl_linkpanel_title:not(:has(+ .b_p))::after {
  content: none;
}
.bl_linkpanel_icon {
  position: absolute;
  bottom: 24px;
  right: 24px;
  margin: 0;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 768px), print {
  .bl_linkpanel--row, .bl_linkpanel--row-r {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 14px 30px rgba(50, 54, 87, 0.16);
            box-shadow: 0 14px 30px rgba(50, 54, 87, 0.16);
  }
  .bl_linkpanel--row .bl_linkpanel_image, .bl_linkpanel--row-r .bl_linkpanel_image {
    width: 50%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 100%;
  }
  .bl_linkpanel--row .bl_linkpanel_image img, .bl_linkpanel--row-r .bl_linkpanel_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .bl_linkpanel--row .bl_linkpanel_main, .bl_linkpanel--row-r .bl_linkpanel_main {
    padding: 32px 32px 32px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bl_linkpanel--row .bl_linkpanel_icon, .bl_linkpanel--row-r .bl_linkpanel_icon {
    position: static;
    margin: 16px 0 0 auto;
  }
  .bl_linkpanel--row .bl_linkpanel_image {
    border-radius: 16px 0 0 16px;
  }
  .bl_linkpanel--row-r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .bl_linkpanel--row-r .bl_linkpanel_image {
    border-radius: 0 16px 16px 0;
  }
  .bl_linkpanel--row-r .bl_linkpanel_main {
    padding-left: 40px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .bl_linkpanel_main {
    padding: 25px 12px 28px;
  }
  .bl_linkpanel_main:not(:has(.b_p)) {
    padding: 24px 12px 14px;
  }
}
.bl {
  /* テキストボックス */
}
.bl_textbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-wh);
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
}
.bl_textbox--sub {
  background-color: var(--color-bg);
}
.bl_textbox--bgBlue {
  background-color: var(--color-bg2);
}
.bl_textbox--bgYellow {
  background-color: var(--color-bg5);
}
.bl_textbox--bgGreen {
  background-color: var(--color-bg3);
}
.bl_textbox--border {
  border: var(--color-border) solid 1px;
}
.bl_textbox--borderRed {
  border: var(--color-caution) solid 1px;
}
.bl_textbox--wh .bl_textbox_inner, .bl_textbox--sub .bl_textbox_inner, .bl_textbox--bgBlue .bl_textbox_inner, .bl_textbox--bgYellow .bl_textbox_inner, .bl_textbox--bgGreen .bl_textbox_inner, .bl_textbox--border .bl_textbox_inner, .bl_textbox--borderRed .bl_textbox_inner {
  border: none;
  padding: 40px;
}
.bl_textbox--caution2 {
  background-color: var(--color-wh);
  border: var(--color-caution) solid 1px;
}
.bl_textbox_title {
  background-color: var(--color-main);
  color: var(--color-wh);
  text-align: center;
  line-height: var(--lineHeight-s);
  font-weight: 700;
  padding: 15px;
  min-height: 80px;
  gap: 10px;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_textbox_title--caution {
  background-color: var(--color-caution);
}
.bl_textbox_title--caution .bl_textbox_title_icon::before {
  background: #fff;
}
.bl_textbox_title--caution2 {
  background-color: var(--color-wh);
  color: var(--color-caution);
  border-bottom: 1px solid var(--color-caution);
}
.bl_textbox_title--caution2 + .bl_textbox_inner {
  border: none;
}
.bl_textbox_title--bl {
  background: var(--color-sub);
}
.bl_textbox_title--gray {
  background-color: #777777;
}
.bl_textbox_title_icon {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.bl_textbox_inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 32px 40px 40px;
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 767px) {
  .bl_textbox--wh .bl_textbox_inner, .bl_textbox--sub .bl_textbox_inner, .bl_textbox--bgBlue .bl_textbox_inner, .bl_textbox--bgYellow .bl_textbox_inner, .bl_textbox--bgGreen .bl_textbox_inner, .bl_textbox--border .bl_textbox_inner, .bl_textbox--borderRed .bl_textbox_inner {
    padding: 20px;
  }
  .bl_textbox_title {
    min-height: 64px;
    font-size: 1.125rem;
  }
  .bl_textbox_inner {
    padding: 20px;
  }
}
.bl_textboxNormal {
  padding: 32px 40px;
  background-color: var(--color-bg);
}
.bl_textboxNormal--caution {
  background-color: var(--color-cautionBg);
}
@media screen and (max-width: 767px) {
  .bl_textboxNormal {
    padding: 20px;
  }
}
.bl_textboxRow {
  display: table;
}
.bl_textboxRow dt,
.bl_textboxRow dd {
  display: table-cell;
  vertical-align: middle;
}
.bl_textboxRow dt {
  background-color: var(--color-main);
  width: 440px;
  color: var(--color-wh);
  font-weight: 700;
  line-height: var(--lineHeight-s);
  padding: 30px 45px;
  border-radius: 20px 0 0 20px;
  font-size: 1.25rem;
}
.bl_textboxRow dd {
  background-color: var(--color-wh);
  border: 1px solid var(--color-border);
  border-left-width: 0px;
  padding: 40px 40px 40px 32px;
  border-radius: 0 20px 20px 0;
}
@media screen and (max-width: 767px) {
  .bl_textboxRow {
    display: block;
  }
  .bl_textboxRow dt,
  .bl_textboxRow dd {
    display: block;
    padding: 20px;
  }
  .bl_textboxRow dt {
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 15px 22px;
  }
  .bl_textboxRow dd {
    border-radius: 0 0 20px 20px;
    border-width: 1px;
  }
}
.bl {
  /* イメージセパレート */
}
.bl_separate_item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}
@media screen and (min-width: 768px), print {
  .bl_separate_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.bl_separate_item + .bl_separate_item {
  margin-top: 60px;
}
.bl_separate_item--vc {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.bl_separate_item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.bl_separate_image {
  width: 520px;
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
}
.bl_separate_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bl_separate_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.bl_separate_title::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 16px auto 0 0;
}
.bl_separate_btn {
  margin-top: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 240px;
}
@media screen and (max-width: 767px) {
  .bl_separate_item + .bl_separate_item {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .bl_separate_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .bl_separate_image {
    width: 100%;
  }
  .bl_separate_main {
    margin-top: 25px;
  }
  .bl_separate_btn {
    margin: 20px auto 0;
    min-width: 200px;
  }
}
.bl {
  /* アイコンセット */
}
.bl_iconset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.bl_iconset--col {
  display: block;
}
.bl_iconset--col .bl_iconset_circle {
  margin: 0 auto 24px;
  width: 100px;
  height: 100px;
}
.bl_iconset--col .bl_iconset_title {
  text-align: center;
}
.bl_iconset--col .bl_iconset_title::after {
  margin-inline: auto;
}
.bl_iconset--col .bl_iconset_btn {
  margin-inline: auto;
}
.bl_iconset_circle {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_iconset_icon {
  font-size: 1.875rem;
}
.bl_iconset_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.bl_iconset_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.bl_iconset_title::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 16px auto 0 0;
}
.bl_iconset_btn {
  margin-top: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 240px;
}
@media screen and (max-width: 767px) {
  .bl_iconset {
    gap: 18px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .bl_iconset--col .bl_iconset_circle {
    margin: 0 auto 20px;
  }
  .bl_iconset_circle {
    width: 70px;
    height: 70px;
  }
  .bl_iconset_btn {
    margin-top: 20px;
    min-width: 200px;
  }
}
.bl_iconsetContainer {
  display: grid;
  gap: 30px;
}
.bl_iconsetContainer--col3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 30px;
}
@media screen and (max-width: 767px) {
  .bl_iconsetContainer {
    display: block;
  }
  .bl_iconsetContainer--col3 {
    gap: 40px 30px;
  }
  .bl_iconsetContainer_item {
    margin-top: 40px;
  }
}
.bl {
  /* ニュース */
}
.bl_news_item + .bl_news_item {
  border-top: var(--color-border) solid 1px;
}
.bl_news_link {
  gap: 24px;
  padding: 28px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px), print {
  .bl_news_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.bl_news_link {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_news_link:hover {
  background: var(--color-bg);
}
.bl_news_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.bl_news_days {
  font-family: var(--font-sub2);
  letter-spacing: 0.02em;
}
.bl_news_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 2px;
}
.bl_news_tag {
  min-width: 128px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  border-radius: 18px;
  border: 1px solid var(--color-sub);
  color: var(--color-sub);
}
.bl_news_tag--important {
  color: var(--color-caution);
  border-color: var(--color-caution);
}
.bl_news_text {
  line-height: var(--lineHeight-s);
}
.bl_news_icon::before {
  background: var(--color-sub);
}
.bl_news_icon.icon_pdf::before {
  background: var(--color-caution);
}
.bl_news_new {
  font-size: 0.75rem;
  color: var(--color-caution);
  font-family: var(--font-sub);
  font-weight: 700;
  vertical-align: 2px;
  margin: 0 8px;
}
@media screen and (max-width: 767px) {
  .bl_news_top {
    gap: 14px;
  }
  .bl_news_link {
    display: block;
    padding: 20px 5px;
  }
  .bl_news_tag {
    height: 24px;
    min-width: 104px;
    font-size: 0.625rem;
  }
  .bl_news_main {
    gap: 5px 10px;
    margin-top: 10px;
  }
  .bl_news_new {
    font-size: 0.75rem;
  }
}
.bl {
  /* テーブル */
}
.bl_table {
  overflow: hidden;
  width: 100%;
  background-color: var(--color-wh);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
}
.bl_table--fixed {
  table-layout: fixed;
}
.bl_table th, .bl_table td {
  height: 80px;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  letter-spacing: 0.025em;
  font-size: 1rem;
}
.bl_table th > a, .bl_table td > a {
  color: var(--color-link);
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  display: inline;
  text-decoration: underline;
  transition: var(--trans-min02);
}
.bl_table th > a:hover, .bl_table td > a:hover {
  color: var(--color-hover);
  text-decoration: none;
}
.bl_table th > a .icon::before, .bl_table td > a .icon::before {
  background-color: var(--color-link);
}
.bl_table th:last-child, .bl_table td:last-child {
  border-right: none;
}
.bl_table th {
  background: #F3F3F3;
  text-align: center;
  vertical-align: top;
  border-color: var(--color-wh);
  padding: 10px 16px;
  position: relative;
  vertical-align: middle;
  font-weight: 700;
  line-height: var(--lineHeight-s);
  font-size: 1.125rem;
}
.bl_table td {
  padding: 16px 24px;
  vertical-align: middle;
  line-height: var(--lineHeight-l);
}
.bl_table tbody tr:last-child th, .bl_table tbody tr:last-child td {
  border-bottom: none;
}
.bl_table_main {
  background-color: var(--color-main) !important;
  color: var(--color-wh);
}
.bl_table_sub {
  background-color: var(--color-sub) !important;
  color: var(--color-wh);
}
.bl_table_bg {
  background-color: var(--color-bg3) !important;
}
.bl_table_bgBl {
  background-color: #E9EBFF !important;
}
.bl_table_dk {
  background-color: #777777 !important;
  color: var(--color-wh);
}
@media screen and (min-width: 768px), print {
  .bl_table_layoutSp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .bl_table {
    border-radius: 6px;
  }
  .bl_table_layoutPc {
    display: none;
  }
  .bl_table th, .bl_table td {
    height: 60px;
    padding: 15px 15px;
    font-size: 0.875rem;
  }
  .bl_table th {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_tableOuter--scroll table {
    width: 1000px;
  }
}
.bl {
  /* アコーディオン */
}
.bl_acordion {
  position: relative;
  z-index: 1;
}
.bl_acordion + .bl_acordion {
  margin-top: 40px;
}
.bl_acordion_btn {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.bl_acordion_iconBox {
  font-size: 2.25rem;
  display: block;
  position: absolute;
  right: 10px;
  top: 0;
  height: 100%;
  color: var(--color-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_acordion_iconBox--close {
  display: none;
}
.bl_acordion_title.is-active .bl_acordion_iconBox--close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bl_acordion_title.is-active .bl_acordion_iconBox--plus {
  display: none;
}
.bl_acordion_title {
  border: 1px solid var(--color-border);
  border-radius: 50px;
  padding: 18px 90px 18px 40px;
  min-height: 95px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_acordion_title:hover {
  color: var(--color-hover);
}
.bl_acordion_title::after {
  content: "";
  display: block;
  bottom: -1px;
  left: -1px;
  width: 100%;
  height: 50px;
  background: var(--color-bg);
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  position: absolute;
  opacity: 0;
  z-index: -1;
}
[open] .bl_acordion_title::after {
  opacity: 1;
}
.bl_acordion_title:has(.bl_acordion_title_q), .bl_acordion_title:has(.bl_acordion_title_caution) {
  padding-left: 83px;
}
.bl_acordion--caution .bl_acordion_title {
  border-color: var(--color-caution);
  color: var(--color-caution);
}
.bl_acordion--caution .bl_acordion_title::after {
  border-color: var(--color-caution);
  background-color: var(--color-cautionBg);
}
.bl_acordion--caution .bl_acordion_title:hover {
  color: #FDB9C6;
}
.bl_acordion--wh .bl_acordion_title::after {
  background-color: var(--color-wh);
}
.bl_acordion_title_q {
  position: absolute;
  top: 27px;
  left: 27px;
  display: grid;
  place-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-main);
  color: var(--color-wh);
  font-family: var(--font-sub);
  font-weight: 700;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 1.25rem;
}
.bl_acordion_title_caution {
  position: absolute;
  top: 27px;
  left: 27px;
  display: grid;
  place-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-caution);
}
.bl_acordion_title_caution .icon::before {
  background: var(--color-wh);
}
.bl_acordion_title_icon {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_acordion_title_icon .icon {
  width: 24px;
  height: 24px;
  margin: 0;
}
.bl_acordion_title_icon .icon::before {
  background: var(--color-main);
}
.bl_acordion--caution .bl_acordion_title_icon .icon::before {
  background: var(--color-caution);
}
[open] .bl_acordion_title_icon--open {
  display: none;
}
.bl_acordion_title_icon--close {
  display: none;
}
[open] .bl_acordion_title_icon--close {
  display: block;
}
.bl_acordion_title_text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
}
.bl_acordion_main {
  padding: 38px 55px 40px;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg);
  border-top: none;
  border-radius: 0 0 20px 20px;
  position: relative;
  opacity: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
[open] .bl_acordion_main {
  opacity: 1;
}
.bl_acordion_main:has(.bl_acordion_main_a) {
  padding-left: 112px;
}
.bl_acordion--caution .bl_acordion_main {
  border-color: var(--color-caution);
  background: var(--color-cautionBg);
}
.bl_acordion--caution .bl_acordion_main .el_ulList > li::before {
  background: var(--color-caution);
}
.bl_acordion--wh .bl_acordion_main {
  background-color: var(--color-wh);
}
.bl_acordion_main_a {
  position: absolute;
  top: 32px;
  left: 55px;
  display: grid;
  place-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-sub);
  color: var(--color-wh);
  font-family: var(--font-sub);
  font-weight: 700;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference), print and (prefers-reduced-motion: no-preference) {
  .bl_acordion::details-content {
    overflow: clip;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: content-visibility, block-size;
    transition-property: content-visibility, block-size;
    transition-behavior: allow-discrete;
  }
}
@media screen and (min-width: 768px), print {
  .bl_acordion:not(:open)::details-content {
    block-size: 0;
  }
  .bl_acordion_title::after {
    -webkit-transition: var(--trans-min02);
    transition: var(--trans-min02);
  }
}
@media screen and (max-width: 767px) {
  .bl_acordion + .bl_acordion {
    margin-top: 25px;
  }
  .bl_acordion_iconBox {
    font-size: 1.875rem;
    right: 5px;
  }
  .bl_acordion_title {
    padding: 10px 52px 10px 24px;
    min-height: 64px;
    border-radius: 34px;
  }
  .bl_acordion_title::after {
    height: 38px;
  }
  .bl_acordion_title:has(.bl_acordion_title_q), .bl_acordion_title:has(.bl_acordion_title_caution) {
    padding-left: 62px;
  }
  .bl_acordion_title_q {
    top: 12px;
    left: 13px;
    width: 36px;
    height: 36px;
  }
  .bl_acordion_title_caution {
    top: 12px;
    left: 13px;
    width: 36px;
    height: 36px;
  }
  .bl_acordion_title_icon {
    right: 23px;
    width: 18px;
    height: 18px;
  }
  .bl_acordion_title_icon .icon {
    width: 18px;
    height: 18px;
  }
  .bl_acordion_title_text {
    font-size: 1rem;
  }
  .bl_acordion_main {
    padding: 18px 18px 24px;
  }
  .bl_acordion_main:has(.bl_acordion_main_a) {
    padding-left: 67px;
  }
  .bl_acordion_main_a {
    width: 36px;
    height: 36px;
    top: 13px;
    left: 18px;
  }
}
.bl {
  /* ステップボックスコンテナー */
}
.bl_stepboxContainer_item {
  position: relative;
}
.bl_stepboxContainer_item:not(:last-child) {
  margin-bottom: 60px;
}
.bl_stepboxContainer_item:not(:last-child)::after {
  content: "";
  width: 100px;
  height: 30px;
  background-color: var(--color-bg3);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -45px;
  margin: 0 auto;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.bl {
  /* ステップボックス01 */
}
.bl_stepbox01 {
  border: 1px solid var(--color-border);
  background-color: var(--color-wh);
  border-radius: 20px;
  padding: 40px;
  position: relative;
}
.bl_stepbox01_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.bl_stepbox01_icon_main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-block: 10px;
}
.bl_stepbox01_icon_title {
  font-weight: 700;
  line-height: var(--lineHeight-m);
  font-size: 1.5rem;
}
.bl_stepbox01_icon_btn {
  margin-top: 56px;
  max-width: 372px;
}
@media screen and (max-width: 767px) {
  .bl_stepbox01 {
    padding: 20px 15px;
  }
  .bl_stepbox01_icon {
    gap: 15px;
  }
  .bl_stepbox01_icon_title {
    font-size: 1.25rem;
  }
  .bl_stepbox01_icon_btn {
    margin-top: 20px;
  }
}
.bl {
  /* ステップフローコンテナー */
}
.bl_stepFlowContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.bl_stepFlowContainer_item {
  width: 100%;
  position: relative;
}
.bl_stepFlowContainer_item:not(:last-child)::after {
  content: "";
  display: block;
  background: var(--color-main);
  width: 24px;
  height: 4px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 100%;
  margin: auto;
}
.bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::before, .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::after,
.bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::before,
.bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid var(--color-main);
  background-color: var(--color-wh);
  position: absolute;
  border-radius: 50%;
  right: -5px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::after,
.bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::after {
  right: -30px;
}
@media screen and (min-width: 768px), print {
  .bl_stepFlowContainer--col1, .bl_stepFlowContainer--col2, .bl_stepFlowContainer--col3, .bl_stepFlowContainer--col4, .bl_stepFlowContainer--col5 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child)::after {
    height: 24px;
    width: 4px;
    top: 100%;
    bottom: auto;
    right: 0;
    left: 0;
  }
  .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::before, .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::after,
  .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::before,
  .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::after {
    right: 0;
    left: 0;
    top: auto;
    bottom: -5px;
  }
  .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::after,
  .bl_stepFlowContainer--col1 .bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::after {
    bottom: -31px;
  }
  .bl_stepFlowContainer--col2 .bl_stepFlowContainer_item {
    width: calc((100% - 24px) / 2);
  }
  .bl_stepFlowContainer--col2 .bl_stepFlowContainer_item:nth-child(2n)::after {
    content: none;
  }
  .bl_stepFlowContainer--col2 .bl_stepFlowContainer_item:nth-child(2n) .bl_stepbox01::before, .bl_stepFlowContainer--col2 .bl_stepFlowContainer_item:nth-child(2n) .bl_stepbox01::after,
  .bl_stepFlowContainer--col2 .bl_stepFlowContainer_item:nth-child(2n) .bl_stepFlow::before,
  .bl_stepFlowContainer--col2 .bl_stepFlowContainer_item:nth-child(2n) .bl_stepFlow::after {
    content: none;
  }
  .bl_stepFlowContainer--col3 .bl_stepFlowContainer_item {
    width: calc((100% - 48px) / 3);
  }
  .bl_stepFlowContainer--col3 .bl_stepFlowContainer_item:nth-child(3n)::after {
    content: none;
  }
  .bl_stepFlowContainer--col3 .bl_stepFlowContainer_item:nth-child(3n) .bl_stepbox01::before, .bl_stepFlowContainer--col3 .bl_stepFlowContainer_item:nth-child(3n) .bl_stepbox01::after,
  .bl_stepFlowContainer--col3 .bl_stepFlowContainer_item:nth-child(3n) .bl_stepFlow::before,
  .bl_stepFlowContainer--col3 .bl_stepFlowContainer_item:nth-child(3n) .bl_stepFlow::after {
    content: none;
  }
  .bl_stepFlowContainer--col4 .bl_stepFlowContainer_item {
    width: calc((100% - 72px) / 4);
  }
  .bl_stepFlowContainer--col4 .bl_stepFlowContainer_item:nth-child(4n)::after {
    content: none;
  }
  .bl_stepFlowContainer--col4 .bl_stepFlowContainer_item:nth-child(4n) .bl_stepbox01::before, .bl_stepFlowContainer--col4 .bl_stepFlowContainer_item:nth-child(4n) .bl_stepbox01::after,
  .bl_stepFlowContainer--col4 .bl_stepFlowContainer_item:nth-child(4n) .bl_stepFlow::before,
  .bl_stepFlowContainer--col4 .bl_stepFlowContainer_item:nth-child(4n) .bl_stepFlow::after {
    content: none;
  }
  .bl_stepFlowContainer--col5 .bl_stepFlowContainer_item {
    width: calc((100% - 96px) / 5);
  }
  .bl_stepFlowContainer--col5 .bl_stepFlowContainer_item:nth-child(5n)::after {
    content: none;
  }
  .bl_stepFlowContainer--col5 .bl_stepFlowContainer_item:nth-child(5n) .bl_stepbox01::before, .bl_stepFlowContainer--col5 .bl_stepFlowContainer_item:nth-child(5n) .bl_stepbox01::after,
  .bl_stepFlowContainer--col5 .bl_stepFlowContainer_item:nth-child(5n) .bl_stepFlow::before,
  .bl_stepFlowContainer--col5 .bl_stepFlowContainer_item:nth-child(5n) .bl_stepFlow::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .bl_stepFlowContainer {
    display: block;
  }
  .bl_stepFlowContainer_item:not(:last-child) {
    margin-bottom: 24px;
  }
  .bl_stepFlowContainer_item:not(:last-child)::after {
    height: 24px;
    width: 4px;
    top: 100%;
    bottom: auto;
    right: 0;
    left: 0;
  }
  .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::before, .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::after,
  .bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::before,
  .bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::after {
    right: 0;
    left: 0;
    top: auto;
    bottom: -5px;
  }
  .bl_stepFlowContainer_item:not(:last-child) .bl_stepbox01::after,
  .bl_stepFlowContainer_item:not(:last-child) .bl_stepFlow::after {
    bottom: -31px;
  }
}
.bl {
  /* ステップフロー */
}
.bl_stepFlow {
  border-radius: 20px;
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  position: relative;
  height: 100%;
  padding: 32px;
}
.bl_stepFlow--s {
  padding: 20px;
}
.bl_stepFlow_number {
  border-radius: 20px;
  background: var(--color-main);
  min-width: 104px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 9px;
  padding: 6px 10px 5px;
  color: var(--color-wh);
  font-family: var(--font-sub);
  text-align: center;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-size: 0.875rem;
}
.bl_stepFlow_number--sub {
  background-color: var(--color-sub);
}
.bl_stepFlow_circle {
  width: 104px;
  height: 104px;
  padding: 20px;
  margin: 0 auto 24px;
}
.bl_stepFlow_circle--s {
  width: 80px;
  height: 80px;
  padding: 16px;
}
.bl_stepFlow_title {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
  font-size: 1.25rem;
}
.bl_stepFlow_title::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: var(--color-main);
  display: block;
  margin: 12px auto 0 auto;
}
.bl_stepFlow_title--bdNone {
  margin-bottom: 0;
}
.bl_stepFlow_title--bdNone::after {
  content: none;
}
@media screen and (max-width: 767px) {
  .bl_stepFlow {
    padding: 30px 20px;
  }
  .bl_stepFlow_circle {
    margin-bottom: 18px;
  }
}
.bl {
  /* お問い合せエリア */
}
.bl_contact {
  background: var(--color-bg3);
  position: relative;
  padding: 65px 0;
  text-align: center;
}
.bl_contact_title {
  font-weight: 700;
  line-height: var(--lineHeight-s);
  margin-bottom: 40px;
  font-size: 2rem;
  letter-spacing: 0.03em;
}
.bl_contact_box {
  background-color: var(--color-wh);
  padding: 45px 40px 48px;
  border-radius: 12px;
  height: 100%;
  max-width: 960px;
  width: 100%;
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_contact_box_inner {
  width: min(600px, 100%);
  margin: 0 auto;
}
.bl_contact_box_btn {
  max-width: 580px;
  margin: 0 auto;
}
.bl_contact_box_title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  margin-bottom: 32px;
}
.bl_contact_under {
  border-top: var(--color-border) solid 1px;
  margin-top: 23px;
  padding-top: 23px;
}
.bl_contact_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .bl_contact {
    padding: 50px 0;
  }
  .bl_contact_title {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  .bl_contact_box {
    padding: 30px 15px;
  }
  .bl_contact_box_title {
    font-size: 1.0625rem;
    margin-bottom: 20px;
  }
  .bl_contact_under {
    margin-top: 18px;
    padding-top: 18px;
  }
  .bl_contact_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}
.bl {
  /* コンバージョンエリア */
}
.bl_cv {
  position: relative;
  padding: 45px 0;
  background: var(--color-bg);
}
.bl_cv_bg {
  padding: 48px 30px;
  background-color: var(--color-bg);
  border-radius: 20px;
  height: 100%;
}
.bl_cv_bg_title {
  font-weight: 700;
  line-height: var(--lineHeight-s);
  text-align: center;
  margin-bottom: 24px;
  font-size: 1.125rem;
}
.bl_cv_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 32px;
  line-height: var(--lineHeight-s);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bl_cv {
    padding: 35px 0;
  }
  .bl_cv_bg {
    padding: 30px 20px;
  }
  .bl_cv_bg_title {
    margin-bottom: 20px;
  }
  .bl_cv_title {
    font-size: 1.25rem;
    margin-bottom: 24px;
  }
}
.bl_cvContainer {
  display: grid;
}
.bl_cvContainer--col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.bl_cvContainer--col3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .bl_cvContainer {
    display: block;
  }
  .bl_cvContainer_item + .bl_cvContainer_item {
    margin-top: 20px;
  }
}
.bl {
  /* 追従型コンバージョンエリア */
}
.bl_float {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 23px 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-bg5);
  border-top: 1px solid #FF7941;
  z-index: 10;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.is-scroll-down .bl_float.js-scroll-hide {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.bl_float_app {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bl_float_app_item {
  width: 50%;
  position: relative;
}
.bl_float_app_item:not(:last-child)::after {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  background-color: var(--color-grayC);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bl_float_app_title {
  width: 100%;
  padding: 5px 15px;
  margin-bottom: 10px;
  border-radius: 50px;
  text-align: center;
  font-weight: 500;
  line-height: var(--lineHeight-s);
  border: 1px solid var(--color-main);
  background-color: var(--color-wh);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.8125rem;
}
.bl_float_app_btn {
  display: block;
  text-align: center;
  height: 50px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.bl_float_app_btn:hover {
  opacity: 0.8;
}
.bl_float_app_btn > img {
  width: auto;
}
.bl_float_app_inner {
  gap: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_float_app_image {
  width: 90px;
}
@media screen and (max-width: 767px) {
  .bl_float {
    padding: 10px 0;
  }
  .bl_float_wrap {
    width: calc(100% - 25px);
  }
  .bl_float_app {
    width: calc(100% - 30px);
  }
  .bl_float_app_item::after {
    display: none;
  }
  .bl_float_app_title {
    display: none;
  }
  .bl_float_app_btn {
    height: 40px;
  }
  .bl_float_app_btn > img {
    width: auto;
  }
  .bl_float_app_inner {
    gap: 20px;
  }
  .bl_float_app_image {
    display: none;
  }
  .bl_float .el_btn {
    height: 100%;
  }
  .bl_float .el_btn_icon,
  .bl_float .el_btn_icon2 {
    display: none;
  }
  .bl_float .el_btn_inner {
    min-height: 40px;
    height: 100%;
    padding: 10px;
    padding-right: 24px;
  }
  .bl_float .el_btn_inner::after {
    right: 8px;
  }
  .bl_float .el_btn_text {
    font-size: 0.8125rem;
  }
}
.bl {
  /* フォーム */
}
.bl_form_error {
  margin-top: 10px;
}
.bl_form_error > li {
  font-size: 1rem;
  line-height: var(--lineHeight-s);
  color: var(--color-caution);
}
.bl_form_mark {
  display: inline-block;
  vertical-align: 3px;
  padding: 2px 16px 3px;
  color: var(--color-wh);
  background-color: var(--color-caution);
  border-radius: 4px;
  margin-left: 8px;
  font-weight: 400;
  font-size: 0.75rem;
}
.bl_form_errorBox {
  border: var(--color-caution) solid 1px;
  background-color: var(--color-wh);
  padding: 20px;
  text-align: center;
  margin-bottom: 50px;
  border-radius: 8px;
}
.bl_form_errorBox_text {
  line-height: var(--lineHeight-l);
  color: var(--color-caution);
}
.bl_form_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 15px;
}
.bl_form .bl_table th, .bl_form .bl_table td {
  height: auto;
}
.bl_form .bl_table th {
  text-align: left;
  padding: 20px 26px;
}
.bl_form .bl_table td {
  padding: 35px 40px;
}
@media screen and (max-width: 767px) {
  .bl_form_error > li {
    font-size: 0.875rem;
  }
  .bl_form_errorBox {
    padding: 20px;
    margin-bottom: 30px;
  }
  .bl_form_mark {
    padding-inline: 12px;
    vertical-align: 1px;
  }
  .bl_form_flex {
    gap: 10px;
  }
  .bl_form .bl_table th {
    padding: 20px 20px;
  }
  .bl_form .bl_table td {
    padding: 20px 20px;
  }
  .bl_form table,
  .bl_form tbody,
  .bl_form thead,
  .bl_form tr,
  .bl_form th,
  .bl_form td {
    display: block;
  }
  .bl_form td {
    border-bottom: none;
  }
  .bl_form table {
    border-bottom: var(--color-border) solid 1px;
  }
}
.bl_formbtnContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  max-width: 750px;
  margin-inline: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .bl_formbtnContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.bl_formbtnContainer_item {
  width: 100%;
}
.bl_formbtnContainer_item--clear {
  max-width: 240px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.bl {
  /* 同意 */
}
.bl_agree {
  background: var(--color-bg);
  padding: 40px;
  max-width: 960px;
  margin-inline: auto;
  border-radius: 80px;
}
.bl_agree_inputList {
  margin-top: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .bl_agree {
    border-radius: 12px;
    padding: 30px 18px;
  }
  .bl_agree_inputList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.bl {
  /* 留意事項 */
}
.bl_noteBox {
  background-color: var(--color-wh);
  border: var(--color-border) solid 1px;
  border-radius: 20px;
  padding: 12px 0;
  overflow: hidden;
}
.bl_noteBox_inner {
  height: 274px;
  overflow-y: scroll;
}
.bl_noteBox_inner::-webkit-scrollbar {
  width: 24px;
}
.bl_noteBox_inner::-webkit-scrollbar-thumb {
  background-color: #E2E2E2;
  border: 8px solid transparent;
  border-radius: 100px;
  background-clip: content-box;
}
.bl_noteBox_main {
  padding: 20px 16px 28px 40px;
}
@media screen and (max-width: 767px) {
  .bl_noteBox_main {
    padding: 10px 6px 12px 20px;
  }
}
.bl {
  /* スライダー */
}
.bl_slider {
  position: relative;
}
.is-disabled .bl_slider_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
}
.is-disabled .bl_slider_list .swiper-slide {
  -webkit-flex-shrink: inherit;
      -ms-flex-negative: inherit;
          flex-shrink: inherit;
}
.bl_slider_container + .bl_slider_container {
  margin-top: 50px;
}
.bl_sliderCtrl {
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  border: 1px solid var(--color-border);
  border-radius: 50px;
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bl_sliderCtrl_btn {
  width: 28px;
  height: 28px;
  background: var(--color-bg);
  border-radius: 50%;
  display: grid;
  place-content: center;
}
.bl_sliderCtrl_play {
  font-size: 0;
  overflow: hidden;
  width: 25px;
  height: 25px;
}
.bl_sliderCtrl_play::before {
  content: "\e034";
  font-family: var(--font-icon);
  font-variation-settings: "FILL" 1;
  color: #545454;
  font-size: 1.25rem;
}
.bl {
  /* ローン */
}
.bl_loanBox {
  background-color: var(--color-wh);
  border-bottom: 1px solid var(--color-border);
  padding: 40px;
  border-radius: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 0 20px;
          box-shadow: rgba(0, 0, 0, 0.08) 0 0 20px;
  overflow: hidden;
}
.bl_loanBox_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.bl_loanBox_tag {
  min-width: 112px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--color-sub);
  border-radius: 20px;
  color: var(--color-wh);
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: var(--lineHeight-m);
  padding: 10px 12px;
}
.bl_loanBox_title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 700;
  font-size: 1.25rem;
}
.bl_loanBox_body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 20px 32px;
}
.bl_loanBox_image {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  overflow: hidden;
}
.bl_loanBox_main {
  width: min(632px, 70%);
}
.bl_loanBox_table {
  position: relative;
  margin-bottom: 50px;
}
.bl_loanBox_table::after {
  content: "";
  width: 64px;
  height: 24px;
  background-color: #D9DCFF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  margin: 0 auto;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.bl_loanBox_table th,
.bl_loanBox_table td {
  font-size: 0.9375rem;
  padding: 15px 10px;
}
.bl_loanBox_table th {
  height: auto;
  padding: 10px;
}
.bl_loanBox_table .el_number {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bl_loanBox_table .el_number_number {
  font-size: 2rem;
  line-height: 1.6;
}
.bl_loanBox_table .el_number_textMain {
  font-size: 1rem;
}
.bl_loanBox_table .el_number_textSub {
  font-size: 1rem;
}
.bl_loanBox_text {
  text-align: center;
  color: var(--color-sub3);
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.bl_loanBox_text > span {
  display: inline-block;
  border-bottom: 4px double var(--color-sub3);
  padding: 0 20px 5px;
}
.bl_loanBox .el_numberBox {
  display: block;
}
.bl_loanBox .el_numberBox_list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .bl_loanBox {
    padding: 20px 20px 30px;
    border-radius: 16px;
  }
  .bl_loanBox_head {
    gap: 20px;
    margin-bottom: 20px;
  }
  .bl_loanBox_tag {
    min-width: 100px;
    font-size: 0.875rem;
    padding: 5px 10px;
  }
  .bl_loanBox_title {
    font-size: 1.125rem;
  }
  .bl_loanBox_body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bl_loanBox_main {
    width: 100%;
  }
  .bl_loanBox_table th,
  .bl_loanBox_table td {
    font-size: 0.8125rem;
    padding: 15px 5px;
  }
  .bl_loanBox_table th {
    padding: 10px;
  }
  .bl_loanBox_table .el_number_number {
    font-size: 1.25rem;
    line-height: 2;
  }
  .bl_loanBox_table .el_number_textMain {
    font-size: 0.75rem;
    padding: 0 2px 7px 2px;
  }
  .bl_loanBox_table .el_number_textSub {
    font-size: 0.75rem;
    padding: 0 2px 7px 2px;
  }
  .bl_loanBox_text {
    font-size: 1rem;
  }
  .bl_loanBox_text > span {
    padding: 0 15px 5px;
  }
}
.bl_imgBox {
  border: 1px solid var(--color-border);
  background-color: var(--color-wh);
  border-radius: 8px;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .bl_imgBox {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgScroll {
    padding-bottom: 7px;
  }
  .bl_imgScroll > img {
    max-width: 900px;
  }
}
.bl_acrobatReader {
  padding: 32px 40px;
  background-color: var(--color-bg);
}
@media screen and (min-width: 768px), print {
  .bl_acrobatReader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .bl_acrobatReader {
    padding: 20px;
  }
}

/* /_block.scss
-------------------------------------------------------*/
/* _header.scss
-------------------------------------------------------*/
.header {
  height: var(--header-height-pc);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: #fff;
}
.header::before {
  content: "";
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.is-headerNavi-active .header::before {
  opacity: 1;
  pointer-events: all;
}
.header_logo {
  height: 100%;
  width: 394px;
  border-radius: 0 48px 0 0;
  background: #fff;
  display: grid;
  place-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.header_logo a {
  max-width: 258px;
  display: block;
}
.header_logo p {
  font-size: 0.8125rem;
  margin-top: 10px;
}
.header_search_btn {
  width: 104px;
  height: 56px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 50px;
  gap: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-linear-gradient(320deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  background: linear-gradient(130deg, #D2EB4B 0%, #5BBF69 50%, #199275 100%);
  position: absolute;
  top: 12px;
  right: 38px;
  letter-spacing: 0.05em;
  z-index: 1;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.header_search_btn:hover {
  opacity: 0.5;
}
.header_search_btn i {
  width: 20px;
  height: 20px;
  overflow: hidden;
  font-weight: 500;
  margin: 0;
}
.header_search_btn i::before {
  background: #fff;
}
.header_search_body::-webkit-backdrop {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  display: none;
}
.header_search_body::-ms-backdrop {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  display: none;
}
.header_search_body::backdrop {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  display: none;
}
.header_search_body {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 86px;
  left: auto;
  right: 34px;
  border: 0;
  background: transparent;
	overflow: visible;
}
.header_search_body_main {
  background: #fff;
  max-width: 640px;
  width: 640px;
  padding: 40px 40px 56px;
  border-radius: 8px;
  opacity: 0;
}
.header_search_body_close {
  width: 32px;
  height: 32px;
  background: var(--color-sub2);
  border-radius: 50%;
  display: grid;
  place-content: center;
  position: absolute;
  top: 16px;
  right: 16px;
}
.header_search_body_close .icon {
  width: 12px;
  height: 12px;
}
.header_search_body_close .icon::before {
  background: #fff;
}
.header_search_body_title {
  font-weight: 700;
  text-align: center;
  font-size: 1.125rem;
  line-height: var(--lineHeight-s);
  margin-bottom: 16px;
}
.header_search_body_bgClose {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  cursor: default;
  display: block;
}
.header_search_body_bg {
  width: 100%;
  height: 100vh;
  top: 80px;
  position: fixed;
  left: 0;
  background: rgba(0, 0, 0, 0.24);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.header_search_body.is-show + .header_search_body_bg {
  opacity: 1;
  pointer-events: all;
}
.header_search_body.is-show .header_search_body_main {
  -webkit-animation: fadeIn 0.2s 0.4s ease-in forwards;
          animation: fadeIn 0.2s 0.4s ease-in forwards;
}
.header_search_body.is-hide {
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.header_search_body.is-hide + .header_search_body_bg {
  opacity: 0;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.header_main {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
.header_main_1st {
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 160px;
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.header_main_1st_item > a, .header_main_1st_item > button {
  padding: 9px 15px;
  border-radius: 30px;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.header_main_1st_item > a:hover, .header_main_1st_item > button:hover {
  color: #FC441E;
}
.header_main_2nd {
  background: #fff;
  height: 72px;
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 110px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 5px 10px;
          box-shadow: rgba(0, 0, 0, 0.06) 0 5px 10px;
}
.header_main_2nd_item {
  height: 100%;
}
.header_main_2nd_item > a, .header_main_2nd_item > button {
  font-size: 1.25rem;
  font-weight: 700;
  height: 100%;
  padding: 13px 30px 15px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.header_main_2nd_item > a:hover, .header_main_2nd_item > button:hover {
  color: var(--color-main);
}
.header_main_3rd {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: var(--color-wh);
  z-index: -1;
  display: none;
}
.is-active > .header_main_3rd {
  display: block;
}

.header_main_3rd_inner {
  display: grid;
  grid-template-columns: 320px auto;
  grid-template-rows: auto auto;
  gap: 20px 32px;
  padding: 48px 0;
}
.header_main_3rd_title {
  grid-area: 1/1/2/3;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: var(--lineHeight-s);
}
.header_main_3rd_top a {
  display: block;
  font-weight: 700;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  border: 1px solid var(--color-main);
}
.header_main_3rd_top figure {
  height: 225px;
  width: 100%;
  padding: 5px 5px 0;
}
.header_main_3rd_top figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px 16px 0 0;
}
.header_main_3rd_top_body {
  min-height: 66px;
  padding: 10px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header_main_3rd_top_arrow {
  font-size: 1.0625rem;
  font-weight: 700;
  z-index: 1;
  right: 24px;
  bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.header_main_3rd_top_arrow i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  margin: auto;
  width: 20px;
  font-size: 1.25rem;
  height: 20px;
  overflow: hidden;
}
.header_main_3rd_top_arrow i::before {
  background: var(--color-sub2);
}
.header_main_3rd_lower {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header_main_3rd_lower_hr {
  margin-block: 24px;
  background: var(--color-border);
}
.header_main_3rd_lower_linkList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 23px 16px;
}
.header_main_3rd_lower_link {
  height: 100%;
}
.header_main_3rd_lower_link_inner {
  border-radius: 12px;
}
.header_main_3rd_lower_link_inner::after {
  right: 12px;
}
.header_main_3rd_lower_btnList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.header_main_3rd_lower_btnList > li {
  width: calc((100% - 48px) / 4);
}
.header_main_3rd_lower_btnList .el_btn_inner--border {
  border-color: var(--color-border);
}
.header_main_3rd_lower_btn {
  text-align: center;
  min-height: 47px;
  height: 100%;
  padding: 6px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px var(--color-main) solid;
  line-height: var(--lineHeight-s);
  position: relative;
  padding-right: 1.5em;
  font-size: 0.9375rem;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.header_main_3rd_lower_btn:hover {
  color: var(--color-main);
}
.header_main_3rd_lower_btn:has(.icon)::before {
  content: none;
}
.header_main_3rd_lower_btn .icon {
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
}
.header_main_3rd_lower_btn::before {
  content: "";
  -webkit-mask: url("/sano/assets/images/common/icon_arrow_right.svg") center/100% 100%;
          mask: url("/sano/assets/images/common/icon_arrow_right.svg") center/100% 100%;
  width: 1em;
  height: 1em;
  background-color: var(--color-sub2);
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header_main_3rd_close {
  background: var(--color-grad1);
  color: #fff;
  font-weight: 700;
  width: 100%;
  height: 64px;
  font-size: 1rem;
  gap: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header_main_3rd_close::after {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask: url(/sano/assets/images/common/icon_close.svg) center/100% 100%;
          mask: url(/sano/assets/images/common/icon_close.svg) center/100% 100%;
  background: #fff;
}
@media screen and (max-width: 1550px) and (min-width: 768px) {
  .header_logo {
    width: 275px;
    padding-inline: 40px;
  }
  .header_main_1st {
    padding-right: 115px;
    gap: 0;
  }
  .header_main_1st_item > a, .header_main_1st_item > button {
    padding: 9px 12px;
    border-radius: 20px;
  }
  .header_main_2nd {
    padding-right: 40px;
  }
  .header_search_btn {
    right: 20px;
    height: 50px;
    width: 90px;
    top: 15px;
  }
  .header_search_btn i {
    width: 13px;
    height: 13px;
  }
}
@media screen and (min-width: 768px), print {
  .header {
    min-width: 1200px;
    -webkit-transition: var(--trans-min02);
    transition: var(--trans-min02);
  }
  body.is-scroll-down .header {
    -webkit-transform: translateY(calc(var(--header-height-pc) * -1));
            transform: translateY(calc(var(--header-height-pc) * -1));
    opacity: 0;
    pointer-events: none;
  }
  body.is-scroll-down .header::before {
    pointer-events: none;
  }
  .header_trigger {
    display: none;
  }
  .header_main_1st_icon {
    display: none;
  }
  .header_main_1st_item > a.is-current,
  .header_main_1st_item > button.is-current {
    color: #FC441E;
    background: #FFEFDE;
  }
  .header_main_2nd {
    display: none;
  }
  .is-current + .header_main_2nd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .header_main_2nd_icon {
    display: none;
  }
  .header_main_2nd_item > a,
  .header_main_2nd_item > button {
    position: relative;
  }
  .header_main_2nd_item > a::before,
  .header_main_2nd_item > button::before {
    content: "";
    display: block;
    height: 25px;
    background: var(--color-border);
    width: 1px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .header_main_2nd_item > a::after,
  .header_main_2nd_item > button::after {
    content: "";
    width: 40px;
    height: 4px;
    border-radius: 5px;
    background: var(--color-wh);
    display: block;
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    margin-inline: auto;
    opacity: 0;
    -webkit-transition: var(--trans-min02);
    transition: var(--trans-min02);
  }
  .header_main_2nd_item > a.is-naviC-active,
  .header_main_2nd_item > button.is-naviC-active {
    color: var(--color-wh);
    background: -webkit-linear-gradient(325deg, #D2EB4B 10%, #5BBF69 55%, #199275 90%);
    background: linear-gradient(125deg, #D2EB4B 10%, #5BBF69 55%, #199275 90%);
  }
  .header_main_2nd_item > a.is-naviC-active::after,
  .header_main_2nd_item > button.is-naviC-active::after {
    opacity: 1;
  }
  .header_main_2nd_item:first-child > a::before, .header_main_2nd_item:first-child > button::before {
    content: none;
  }
  .header_main_3rd {
    max-height: calc(100vh - var(--header-height-pc));
  }
}
@media screen and (max-width: 767px) {
  .header {
    height: var(--header-height-sp);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 5px 10px;
            box-shadow: rgba(0, 0, 0, 0.06) 0 5px 10px;
  }
  .header::before {
    top: var(--header-height-sp);
    background: var(--color-bg);
  }
  .header_logo {
    padding-left: 10px;
    max-width: 150px;
    margin-right: auto;
    border-radius: 0;
  }
  .header_logo a {
    max-width: 140px;
  }
  .header_logo p {
    font-size: 10px;
    margin-top: 5px;
  }
  .header_search {
    width: 60px;
    height: 100%;
  }
  .header_search_btn {
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 7px;
    font-size: 0.625rem;
    font-weight: 400;
  }
  .header_search_btn i {
    width: 18px;
    height: 18px;
  }
  .header_search_body {
    max-width: none;
    width: calc(100% - 30px);
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .header_search_body_main {
    width: 100%;
    padding-inline: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }
  .header_search_body_close {
    width: 28px;
    height: 28px;
  }
  .header_search_body_close .icon {
    width: 10px;
    height: 10px;
  }
  .header_search_body_bg {
    top: var(--header-height-sp);
  }
  .header_trigger {
    width: 60px;
    height: 100%;
    background: #fff;
    font-size: 0.625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 7px;
    gap: 2px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_trigger_icon {
    display: block;
  }
  .header_trigger_icon .icon {
    width: 24px;
    height: 24px;
  }
  .header_trigger_icon .icon::before {
    background: var(--color-main);
  }
  .header_trigger_icon--close {
    display: none;
  }
  .header_trigger_icon .icon.header_trigger_icon--close {
    padding-bottom: 3px;
    padding-top: 3px;
  }
  .header_trigger.is-active .header_trigger_icon--close {
    display: inline-block;
  }
  .header_trigger.is-active .header_trigger_icon--open {
    display: none;
  }
  .header_main {
    display: none;
    position: absolute;
    top: var(--header-height-sp);
    left: 0;
    width: 100%;
    border-top: 1px solid var(--color-border);
    height: calc(100vh - var(--header-height-sp));
    overflow-y: scroll;
    padding-bottom: 40px;
    z-index: 1;
  }
  .header_main_1st {
    height: auto;
    padding: 0;
    display: block;
    background: var(--color-bg5);
  }
  .header_main_1st_item + .header_main_1st_item {
    border-top: 1px solid #eee;
  }
  .header_main_1st_item > a,
  .header_main_1st_item > button {
    min-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1rem;
    background: #fff;
    border-radius: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: var(--lineHeight-s);
  }
  .header_main_1st_item > a:hover,
  .header_main_1st_item > button:hover {
    color: inherit;
  }
  .header_main_1st_item > a.is-naviB-active,
  .header_main_1st_item > button.is-naviB-active {
    color: var(--color-main);
  }
  .header_main_1st_item > a:not(:has(.header_main_1st_icon))::after,
  .header_main_1st_item > button:not(:has(.header_main_1st_icon))::after {
    content: "";
    margin: 0 5px;
    width: 14px;
    height: 14px;
    -webkit-mask: url(/sano/assets/images/common/icon_arrow2_right.svg) center/100% 100%;
            mask: url(/sano/assets/images/common/icon_arrow2_right.svg) center/100% 100%;
    background: var(--color-sub2);
  }
  .header_main_1st_icon {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .header_main_1st_icon .icon {
    width: 14px;
    height: 14px;
  }
  .header_main_1st_icon--minus {
    display: none;
  }
  .is-naviB-active .header_main_1st_icon--plus {
    display: none;
  }
  .is-naviB-active .header_main_1st_icon--minus {
    display: block;
  }
  .header_main_1st_close {
    background: var(--color-main);
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 10px;
            box-shadow: rgba(0, 0, 0, 0.1) 0 5px 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 40px;
    padding: 6px 30px;
    font-size: 0.875rem;
    border-radius: 6px;
    margin: 20px auto 0;
    font-weight: 500;
    color: #fff;
  }
  .header_main_2nd {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    display: none;
    background: var(--color-bg3);
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 15px;
  }
  .header_main_2nd_top {
    border-bottom: 1px solid #FC441E;
  }
  .header_main_2nd_top > a {
    font-size: 0.875rem;
    text-align: left;
    height: 100%;
    width: 100%;
    padding: 18px 15px 20px;
    position: relative;
    color: #FC441E;
    background-color: #FFEFDE;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header_main_2nd_item {
    height: auto;
  }
  .header_main_2nd_item + .header_main_2nd_item {
    margin-top: 2px;
  }
  .header_main_2nd_item > a,
  .header_main_2nd_item > button {
    font-size: 0.875rem;
    text-align: left;
    padding-inline: 15px;
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header_main_2nd_item > a:hover,
  .header_main_2nd_item > button:hover {
    color: inherit;
  }
  .header_main_2nd_item > a.is-naviC-active,
  .header_main_2nd_item > button.is-naviC-active {
    color: var(--color-sub2);
  }
  .header_main_2nd_icon {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .header_main_2nd_icon .icon {
    width: 13px;
    height: 13px;
  }
  .header_main_2nd_icon--close {
    display: none;
  }
  .is-naviC-active .header_main_2nd_icon--open {
    display: none;
  }
  .is-naviC-active .header_main_2nd_icon--close {
    display: block;
  }
  .header_main_3rd {
    position: static;
    border-top: 1px solid #eee;
    background: transparent;
    font-weight: 500;
  }
  .header_main_3rd_inner {
    padding: 0;
    display: block;
    margin: 0;
    width: 100%;
  }
  .header_main_3rd_title {
    display: none;
  }
  .header_main_3rd_top a {
    width: 100%;
    height: 48px;
    border-radius: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding: 5px 15px;
    background: var(--color-grad1);
    color: #fff;
    display: block;
    border: none;
  }
  .header_main_3rd_top a::before {
    opacity: 0.8;
  }
  .header_main_3rd_top figure {
    display: none;
  }
  .header_main_3rd_top_title {
    display: none;
  }
  .header_main_3rd_top_body {
    display: contents;
  }
  .header_main_3rd_top_arrow {
    position: static;
    font-size: 0.875rem;
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
  }
  .header_main_3rd_top_arrow i {
    display: inline-block;
    position: static;
    width: 16px;
    height: 16px;
    margin: 0;
  }
  .header_main_3rd_top_arrow i::before {
    background: var(--color-wh);
  }
  .header_main_3rd_lower {
    background: var(--color-bg);
  }
  .header_main_3rd_lower_linkList {
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
  }
  .header_main_3rd_lower_linkList > li:nth-child(2n) .header_main_3rd_lower_link_inner {
    border-right: none;
  }
  .header_main_3rd_lower_link_inner {
    border-radius: 0;
    border-color: var(--color-border);
    border-top: none;
    border-left: none;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
    padding-left: 15px;
    text-align: left;
  }
  .header_main_3rd_lower_hr {
    display: none;
  }
  .header_main_3rd_lower_btnList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 15px;
    padding: 15px;
  }
  .header_main_3rd_lower_btnList > li {
    width: auto;
  }
  .header_main_3rd_lower_btn {
    min-height: 0;
    border: none;
    padding-right: 27px;
    font-size: 0.875rem;
  }
  .header_main_3rd_close {
    display: none;
  }
}

/* /_header.scss
-------------------------------------------------------*/
/* _footer.scss
-------------------------------------------------------*/
/* 追従ありページ用 */
.bl_float ~ .footer {
  margin-bottom: 140px;
}
.bl_float ~ .footer .footer_toTop {
  bottom: 80px;
}
@media screen and (max-width: 767px) {
  .bl_float ~ .footer {
    margin-bottom: 100px;
  }
  .bl_float ~ .footer .footer_toTop {
    bottom: 70px;
  }
}

/* footer */
.footLinks {
  background: #E7EBEC;
}
.footLinks_list a .icon::before {
  background-color: var(--color-txt);
}
@media screen and (max-width: 767px) {
  .footLinks {
    padding: 32px 0;
  }
  .footLinks_list a {
    display: block;
    padding: 6px 0;
    line-height: var(--lineHeight-m);
  }
}
@media screen and (min-width: 768px), print {
  .footLinks {
    padding: 64px 0;
  }
  .footLinks_inner {
    max-width: 1050px;
  }
  .footLinks_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px 0;
  }
  .footLinks_list > li {
    border-left: 1px solid #CBCBCB;
  }
  .footLinks_list > li:first-child {
    border-left: none;
  }
  .footLinks_list > li:nth-child(6), .footLinks_list > li:nth-child(11), .footLinks_list > li:nth-child(14), .footLinks_list > li:nth-child(16), .footLinks_list > li:nth-child(19), .footLinks_list > li:nth-child(23), .footLinks_list > li:nth-child(25) {
    border-left: none;
  }
  .footLinks_list a {
    display: block;
    padding: 6px 12px;
    -webkit-transition: var(--trans-min02);
    transition: var(--trans-min02);
  }
  .footLinks_list a:hover {
    opacity: 0.5;
  }
  .footLinks_acordion {
    display: contents;
  }
}
@media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference), print and (prefers-reduced-motion: no-preference) {
  .footLinks_acordion::details-content {
    -webkit-transition-duration: 0ms;
            transition-duration: 0ms;
  }
}
@media screen and (min-width: 768px), print {
  .footLinks_acordion_title {
    display: none;
    pointer-events: none;
  }
  .footLinks_acordion_main {
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
  }
}

.footAd {
  padding: 64px 0;
}
.footAd_bnr {
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 8px;
  display: block;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footAd_bnr:hover {
  opacity: 0.8;
}
.footAd_bnr_img {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footAd_bnr img {
  max-width: 100%;
  max-height: 100%;
}
.footAd_slider_list_item {
  width: 280px;
  height: 104px;
}
@media screen and (max-width: 767px) {
  .footAd_bnr {
    padding: 6px;
  }
  .footAd_slider_list_item {
    width: 217px;
    height: 80px;
  }
}

.footer_toTop {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: -webkit-linear-gradient(310deg, #FFBE97 0%, #FE9E8F 30%, #FD7887 70%, #F3475A 100%);
  background: linear-gradient(140deg, #FFBE97 0%, #FE9E8F 30%, #FD7887 70%, #F3475A 100%);
  display: grid;
  place-content: center;
  position: fixed;
  right: 60px;
  bottom: 60px;
  z-index: 98;
  border: 1px solid #fff;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.footer_toTop:hover {
  opacity: 0.75;
}
.footer_toTop.is-active {
  opacity: 1;
  pointer-events: all;
}
.footer_toTop .icon {
  width: 26px;
  height: 26px;
}
.footer_toTop .icon::before {
  background: #fff;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_main {
  background: -webkit-linear-gradient(330deg, #F5F6FF 0%, #E5F8FF 25%, #F2F8FF 47%, #D9E9F8 72%, #D5EBFC 90%, #F1F6FF 100%);
  background: linear-gradient(120deg, #F5F6FF 0%, #E5F8FF 25%, #F2F8FF 47%, #D9E9F8 72%, #D5EBFC 90%, #F1F6FF 100%);
}
.footer_main_inner {
  padding: 64px 0 80px;
}
.footer_main_logo {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-border);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer_main_logo a {
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_main_logo a:hover {
  opacity: 0.8;
}
.footer_nav {
  padding-top: 50px;
}
.footer_nav_1st {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.footer_nav_1st_item > a,
.footer_nav_1st_item > button {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: var(--lineHeight-m);
  display: block;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_nav_1st_item > a:hover,
.footer_nav_1st_item > button:hover {
  color: #004996;
}
.footer_nav_2nd {
  margin-top: 18px;
}
.footer_nav_2nd_item > a,
.footer_nav_2nd_item > button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: var(--lineHeight-m);
  padding: 4px 0;
  padding-left: 24px;
  position: relative;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_nav_2nd_item > a:hover,
.footer_nav_2nd_item > button:hover {
  color: #004996;
}
.footer_nav_2nd_item > a:hover::before,
.footer_nav_2nd_item > button:hover::before {
  background: #004996;
}
.footer_nav_2nd_item > a::before,
.footer_nav_2nd_item > button::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: var(--color-sub2);
  -webkit-mask: url(/sano/assets/images/common/icon_arrow_right.svg) center/100% 100%;
          mask: url(/sano/assets/images/common/icon_arrow_right.svg) center/100% 100%;
  position: absolute;
  top: 9px;
  left: 0;
  -webkit-transition: var(--trans-min02);
  transition: var(--trans-min02);
}
.footer_bottom {
  font-size: 0.75rem;
  background: #fff;
}
.footer_bottom_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
}
.footer_bottom_line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  line-height: var(--lineHeight-m);
}
.footer_bottom_line + .footer_bottom_line {
  margin-top: 5px;
}
.footer_bottom_copy {
  text-align: right;
}
@media screen and (min-width: 768px), print {
  .footer_nav_1st_icon {
    display: none;
  }
  .footer_nav_other {
    margin-top: 10px;
  }
  .footer_nav_other_btn {
    display: none !important;
  }
  .footer_nav_other_pc1st {
    margin-top: 10px;
  }
  .footer_nav_other_pc1st > li {
    margin-bottom: 10px;
  }
  .footer_nav_other_pc1st > li > a,
  .footer_nav_other_pc1st > li > button {
    padding: 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: var(--lineHeight-m);
  }
  .footer_nav_other_pc1st > li > a::before,
  .footer_nav_other_pc1st > li > button::before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .footer_toTop {
    width: 50px;
    height: 50px;
    right: 13px;
    bottom: 15px;
  }
  .footer_toTop .icon {
    width: 18px;
    height: 18px;
  }
  .footer_main_inner {
    padding: 48px 0;
  }
  .footer_main_logo a {
    max-width: 196px;
  }
  .footer_nav {
    padding-top: 0;
  }
  .footer_nav_1st {
    display: block;
  }
  .footer_nav_1st > li:has(.footer_nav_other) {
    display: contents;
  }
  .footer_nav_1st_item {
    border-bottom: 1px solid var(--color-border);
  }
  .footer_nav_1st_item > a,
  .footer_nav_1st_item > button {
    padding: 10px 60px 10px 10px;
    min-height: 60px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 1rem;
  }
  .footer_nav_1st_icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    display: grid;
    place-content: center;
  }
  .footer_nav_1st_icon i {
    width: 15px;
    height: 15px;
  }
  .is-active .footer_nav_1st_icon--plus {
    display: none;
  }
  .footer_nav_1st_icon--minus {
    display: none;
  }
  .is-active .footer_nav_1st_icon--minus {
    display: block;
  }
  .footer_nav_2nd {
    display: none;
    margin-top: 0;
  }
  .footer_nav_2nd_top {
    border-bottom: 1px solid #FC441E;
  }
  .footer_nav_2nd_top > a {
    font-size: 0.875rem;
    font-weight: 700;
    text-align: left;
    height: 100%;
    width: 100%;
    padding: 18px 15px 20px;
    position: relative;
    color: #FC441E;
    background-color: rgba(255, 239, 222, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer_nav_2nd_item + .footer_nav_2nd_item {
    margin-top: 2px;
  }
  .footer_nav_2nd_item > a,
  .footer_nav_2nd_item > button {
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 13px 10px 13px 42px;
  }
  .footer_nav_2nd_item > a::before,
  .footer_nav_2nd_item > button::before {
    top: 15px;
    left: 15px;
  }
  .footer_nav_2nd_icon {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .footer_nav_2nd_icon .icon {
    width: 13px;
    height: 13px;
  }
  .footer_nav_other_btn {
    display: block;
    padding: 10px 60px 10px 10px;
    min-height: 60px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 1rem;
    font-weight: 700;
  }
  .footer_bottom {
    font-size: 0.75rem;
  }
  .footer_bottom_inner {
    display: block;
    padding: 20px 0;
  }
  .footer_bottom_line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .footer_bottom_copy {
    text-align: center;
    margin-top: 20px;
  }
}

/* /_footer.scss
-------------------------------------------------------*//*# sourceMappingURL=style.css.map */