@charset "utf-8";
/* CSS Document */

/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  scroll-behavior: auto!important;
  scroll-padding: auto!important;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

li {
  list-style-type: none;
}

button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled="true"] {
  cursor: default;
}

/* Dainippontosho CSS Document */
/* # =================================================================
   # Base
   # ================================================================= */
:root {
  --gap-col-primary: 25px;
  --gap-row-primary: 25px;
  --gap-grid: 20px;
  --c-grey: #707070;
  --c-grey-soft: #9a9a9a;
  --c-grey-light: #d5d5d5;
  --c-black: #3d3732;
  --c-brown: #7c3a08;
  --c-orange: #fdb242;
  --c-yellow: #ffcc00;
  --c-yellow-soft: #fcf8c6;
  --c-yellow-light: #fdfbda;
  --c-blue: #56b5e9;
  --c-purple: #a67ab2;
  --c-pink: #e889b0;
  --c-green: #00a75f;
  --c-green-light: #9ed03f;
  --f-family: "M PLUS Rounded 1c", sans-serif;
  --hover-opacity: 0.65;
}

html {
  font-size: 16px;
}

body {
  font-size: 18px;
  color: var(--c-black);
  font-family: var(--f-family);
  font-feature-settings: "palt";
  line-break: strict;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden;
}

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

button,
select,
img {
  vertical-align: top;
}

table {
  width: 100%;
}

select {
  cursor: pointer;
}

main {
  position: relative;
  overflow: visible;
}

figure {
  margin: 0;
}

/* # =================================================================
   # Layout
   # ================================================================= */
.ly_fl {
  display: flex;
  justify-content: space-between;
}

.ly_fl_jc-sb {
  justify-content: space-between;
}

.ly_conts {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: content-box;
}

.ly_conts.ly_conts__dl {
  max-width: 1113px;
}

.ly_section {
  width: 100%;
  min-height: 0vw;
  padding-top: calc(14px + 66 * ((100vw - 375px) / 825));
  padding-right: 18px;
  padding-bottom: calc(20px + 70 * ((100vw - 375px) / 825));
  padding-left: 18px;
}

@media (min-width: 1201px) {
  .ly_section {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}

/* # =================================================================
   # Element Module
   # ================================================================= */

.el_ttl {
  min-height: 0vw;
  margin-right: auto;
  margin-bottom: calc(14px + 22 * ((100vw - 375px) / 825));
  margin-left: auto;
  color: var(--c-black);
  text-align: center;
  line-height: 1.43;
  letter-spacing: 0.5em;
  font-size: calc(23px + 22 * ((100vw - 375px) / 825));
  font-weight: 700;
}

@media (max-width: 374.98px) {
  .el_ttl {
    font-size: 23px;
  }
}

@media (min-width: 1201px) {
  .el_ttl {
    margin-bottom: 36px;
    font-size: 45px;
  }
}

.el_subTtl {
  min-height: 0vw;
  text-align: left;
  line-height: 1.4444;
  letter-spacing: 0.1em;
  font-size: calc(18px + 12 * ((100vw - 375px) / 825));
  font-weight: 700;
}

@media (max-width: 374.98px) {
  .el_subTtl {
    font-size: 18px;
  }
}

@media (min-width: 601px) {
  .el_subTtl {
    line-height: 1.17;
  }
}

@media (min-width: 1201px) {
  .el_subTtl {
    font-size: 30px;
  }
}

.el_subTtl.el_subTtl__cBlue {
  color: var(--c-blue);
}

.el_subTtl.el_subTtl__cPurple {
  color: var(--c-purple);
}

.el_subTtl.el_subTtl__cGreen {
  color: var(--c-green-light);
}

.el_subTtl.el_subTtl__cOrange {
  color: var(--c-orange);
}

.el_txt {
  min-height: 0vw;
  line-height: 1.69;
  font-size: calc(13px + 5 * ((100vw - 375px) / 825));
  letter-spacing: 0.1em;
}

@media (max-width: 374.98px) {
  .el_txt {
    font-size: 13px;
  }
}

@media (min-width: 601px) {
  .el_txt {
    line-height: 1.67;
    letter-spacing: 0.05em;
  }
}

@media (min-width: 1201px) {
  .el_txt {
    font-size: 18px;
  }
}

.el_btn {
  width: calc(168px + 352 * ((100vw - 375px) / 825));
  height: calc(45px + 15 * ((100vw - 375px) / 825));
  /* margin: 0 auto; */
  border-radius: 60px;
}

@media (min-width: 1201px) {
  .el_btn {
    width: 520px;
    height: 60px;
  }
}

.el_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  font-size: calc(13px + 7 * ((100vw - 375px) / 825));
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

@media (max-width: 374.98px) {
  .el_btn a {
    font-size: 13px;
  }
}

@media (min-width: 1201px) {
  .el_btn a {
    font-size: 20px;
  }
}

.el_btn.el_btn__yellow {
  background-color: var(--c-yellow);
}

.el_btn.el_btn__yellow a {
  color: var(--c-black);
}

.el_btn.el_btn__greenLight {
  background-color: var(--c-green-light);
}

.el_btn.el_btn__orange {
  background-color: var(--c-orange);
}

.el_btn.el_btn__blue {
  background-color: var(--c-blue);
}

.el_btn.el_btn__purple {
  background-color: var(--c-purple);
}

.el_btn.el_btn__white {
  background-color: #fff;
  border: 1px solid var(--c-black);
}

.el_btn.el_btn__white a {
  color: var(--c-black);
}

@media (hover: hover) and (pointer: fine) {
  .el_btn:hover a {
    opacity: var(--hover-opacity);
  }

  .el_btn.el_btn__yellow.el_btn__kv:hover a {
    opacity: 1;
    background-color: #fddb44 !important;
    color: #7f7a65 !important;
  }

  .el_topBtn:hover {
    opacity: var(--hover-opacity);
  }
}

.el_topBtn {
  position: fixed;
  bottom: 10px;
  right: 13px;
  width: calc(48px + 39 * ((100vw - 375px) / 825));
  height: calc(48px + 39 * ((100vw - 375px) / 825));
  background-image: url(../images/img-common-arrow-brown.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* border: 1px solid var(--c-brown); */
  border-radius: 50%;
  z-index: 1999;
}

@media (min-width: 1201px) {
  .el_topBtn {
    width: 87px;
    height: 87px;
  }
}

/* # =================================================================
   # Program
   # ================================================================= */

/* # =================================================================
   # Helper
   # ================================================================= */

.hp_bgc_yellowLight {
  background-color: var(--c-yellow-light) !important;
}

.hp_font_family {
  font-family: var(--f-family) !important;
}

.hp_font_wb {
  font-weight: bold !important;
}

.hp_tal {
  text-align: left !important;
}

.hp_c_black {
  color: var(--c-black) !important;
}

.hp_c_grey {
  color: var(--c-grey) !important;
}

.hp_c_greySoft {
  color: var(--c-grey-soft) !important;
}

.hp_c_white {
  color: #fff !important;
}

.hp_c_blue {
  color: var(--c-blue) !important;
}

.hp_c_purple {
  color: var(--c-purple) !important;
}

.hp_c_pink {
  color: var(--c-pink) !important;
}

.hp_c_orange {
  color: var(--c-orange) !important;
}

.hp_c_greenLight {
  color: var(--c-green-light) !important;
}

.hp_mc {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (max-width: 600.98px) {
  .hp_lesssm_mc {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (min-width: 1025px) {
  .hp_lg_mc {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 600.98px) {
  .hp_lesssm_dn {
    display: none !important;
  }
}

@media (max-width: 700.98px) {
  .hp_lesssm700_dn {
    display: none !important;
  }
}

@media (min-width: 601px) {
  .hp_sm_dn {
    display: none !important;
  }
}

@media (min-width: 701px) {
  .hp_sm_dn700 {
    display: none !important;
  }
}

@media (min-width: 601px) and (max-width: 1024.98px) {
  .hp_sm_lesslg_dn {
    display: none !important;
  }
}

@media (max-width: 1024.98px) {
  .hp_lesslg_dn {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .hp_lg_dn {
    display: none !important;
  }
}

.hp_db {
  display: block !important;
}

.hp_dib {
  display: inline-block !important;
}

@media (min-width: 601px) {
  .hp_sm_dib {
    display: inline-block !important;
  }
}

.hp_di {
  display: inline !important;
}

.hp_dn {
  display: none !important;
}

.hp_tal {
  text-align: left !important;
}

.hp_tac {
  text-align: center !important;
}

.hp_mb1em {
  margin-bottom: 1em;
}

@media (min-width: 601px) {
  .hp_sm_tal {
    text-align: left !important;
  }
}

@media (max-width: 600.98px) {
  .hp_lesssm_mt10 {
    margin-top: 2.66666vw;
  }

  .hp_lesssm_mt20 {
    margin-top: 5.33333vw;
  }

  .hp_lesssm_mb0 {
    margin-bottom: 0 !important;
  }

  .hp_lesssm_pb20 {
    padding-bottom: 20px !important;
  }

  .hp_lesssm_pb40 {
    padding-bottom: 40px !important;
  }

  .hp_lesssm_pb50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 601px) {
  .hp_sm_mb9 {
    margin-bottom: 9px;
  }

  .hp_sm_pt0 {
    padding-top: 0 !important;
  }

  .hp_sm_pb0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1025px) {
  .hp_lg_pl46 {
    padding-left: 46px !important;
  }

  .hp_lg_pl98 {
    padding-left: min(8.16666vw, 98px) !important;
  }

  .hp_lg_pl142 {
    padding-left: min(11.8333vw, 142px) !important;
  }
}

@media (min-width: 1201px) {
  .hp_xl_pt0 {
    padding-top: 0 !important;
  }

  .hp_xl_pb0 {
    padding-bottom: 0 !important;
  }
}

.slick-slide button:hover {
  opacity: var(--hover-opacity);
}

/* # =================================================================
   # Block Module Footer Nav
   # ================================================================= */

.bl_footer_nav {
  /* position: fixed; */
  width: 100%;
  margin-top: 0;
  background-color: #fff;
  top: 0;
  z-index: 1000;
  padding-top: max(5.33333vw, 20px);
  padding-bottom: max(5.33333vw, 20px);
}

.bl_footer_nav_inner {
  width: 334px;
  height: 171px;
  margin: 0 auto;
  /* padding-top: calc(12px + 11 *((100vw - 375px) / 650)); */
  display: flex;
  align-items: center;
  justify-content: center;
}

.bl_footer_nav_left {
  width: 212px;
}

.bl_footer_nav_spTtl {
  padding-left: 5.6vw;
  color: var(--c-black);
  font-size: calc(13px + 11 * ((100vw - 375px) / 650));
  font-weight: 700;
  line-height: 1.23;
  letter-spacing: 0.05em;
}

/* .bl_footer_nav_right {
  padding-left: 14px;
  padding-right: 24px;
  width: 740px;
} */

.bl_footer_nav_nav > ul  {
  display: flex;
  gap: 0 20px;
}

.bl_footer_sp_nav > ul {
  display: flex;
  gap: 20px 10px;
  width: 50%;
  min-width: calc((75px + 10px) * 4);
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}

.bl_footer_sp_nav > ul:nth-of-type(2) {
  margin-top: 20px;
}

.bl_footer_nav_nav > ul  li a span {
  word-break: keep-all;
}

.bl_footer_nav_nav > ul  li {
  list-style-type: none;
}

.bl_footer_nav_nav > ul  li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-size: 13px;
}

.el_footer_navIcon {
  position: relative;
  width: 100%;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid var(--c-yellow);
  z-index: 1;
}

.el_footer_navIcon span {
  position: relative;
  z-index: 2;
}

.bl_footer_sp_nav li {
  list-style-type: none;
}

.bl_footer_sp_nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-size: 13px;
}

@media (max-width: 374.98px) {
  .bl_footer_nav_spTtl {
    font-size: 13px;
  }

  .bl_footer_nav_logo img {
    width: 131px;
  }
}

@media (min-width: 601px) and (max-width: 1024.98px) {
  .bl_footer_nav_spTtl {
    padding-top: 0.7vh;
    padding-top: 0.7dvh;
    padding-left: 0;
  }
}

@media (max-width: 1024.98px) {
  .bl_footer_nav {
    width: 100%;
  }

  .bl_footer_nav_inner {
    width: 100%;
    height: 175px;
    /* padding-left: 1.5vw; */
  }

  .bl_footer_nav_left {
    width: 35%;
    vertical-align: middle;
  }

  .bl_footer_nav_logo img {
    width: calc(131px + 36 * ((100vw - 375px) / 650));
    vertical-align: middle;
  }

  .bl_footer_nav_pcLogo {
    display: none;
  }

  /* .bl_footer_nav_right {
    display: none;
    width: 0;
  } */

  .bl_footer_nav_nav > ul  {
    display: none;
  }
}

@media (max-width: 600.98px) {
  /* .bl_footer_nav_inner {
    height: 58px;
  } */
}

@media (min-width: 1025px) {

  /* .bl_footer_nav_inner {
          padding-top: 13px;
      } */
  .bl_footer_nav {
    padding-top: min(2.5vw, 30px);
    padding-bottom: min(2.5vw, 30px);
  }

  .bl_footer_nav_inner {
    width: 740px;
    height: 75px;
  }

  .bl_footer_nav_spLogo {
    display: none;
  }

  .bl_footer_nav_spTtl {
    display: none;
  }

  .bl_footer_sp_nav {
    display: none;
  }
}


/* accordion */
.js_auth_accordion {
  transition: 0.3s max-height;
}

.js_auth_accordion_close {
  position: relative;
  max-height: 8em;
  overflow: hidden;
}

.js_auth_accordion_open {
  position: relative;
  max-height: 2000px;
  overflow: auto;
}

@media (min-width: 601px) {
  .js_auth_accordion_close {
    position: relative;
    max-height: min(10vw, 120px);
    overflow: hidden;
  }

  .js_auth_accordion_open {
    position: relative;
    max-height: 1200px;
    overflow: auto;
  }

  .js_auth_accordion_close:before {
    background: -webkit-linear-gradient(top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.9) 50%,
        rgba(255, 255, 255, 0.9) 50%,
        #fff 100%);
    background: linear-gradient(top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.9) 50%,
        rgba(255, 255, 255, 0.9) 50%,
        #fff 100%);
    bottom: 0;
    content: "";
    height: 60px;
    position: absolute;
    width: 100%;
  }
}

/* .un_rika_slide_nav,
.un_seikatsu_slide_nav,
.un_sansu_slide_nav,
.un_hoken_slide_nav,
.un_digital_slide_nav,
.un_webContents_slide_nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.un_rika_slide_nav > li,
.un_seikatsu_slide_nav > li,
.un_sansu_slide_nav > li,
.un_hoken_slide_nav > li,
.un_digital_slide_nav > li,
.un_webContents_slide_nav > li {
    width: calc(100% / 3 - 7px);
}

.un_rika_slide,
.un_seikatsu_slide,
.un_sansu_slide,
.un_hoken_slide,
.un_digital_slide,
.un_webContents_slide {
    position: relative;
    z-index: 100;
    width: min(92.75vw, 1113px);
    height: min(72.333333vw, 712px);
}

@media (min-width: 601px) and (max-width: 800.98px) {
  .un_rika_slide,
  .un_seikatsu_slide,
  .un_sansu_slide,
  .un_hoken_slide,
  .un_digital_slide,
  .un_webContents_slide {
      height: min(66.333333vw, 712px);
  }
}
.un_rika_slide > li,
.un_seikatsu_slide > li,
.un_sansu_slide > li,
.un_hoken_slide > li,
.un_digital_slide > li,
.un_webContents_slide > li {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
} */