@charset "UTF-8";
/*-------------------------------------------------------------------
リセット
/*-------------------------------------------------------------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: transparent;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
  /* safari hover対策 */
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  line-height: 1.6;
  width: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, ol {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  color: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

ins {
  background-color: #ffff99;
  color: #000000;
  text-decoration: none;
}

mark {
  background-color: #ffff99;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

li {
  list-style: none;
}

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

/* change border colour to suit your needs */
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

img {
  line-height: 1;
  vertical-align: bottom;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  line-height: 1;
  outline: none;
  padding: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.sp {
  display: none !important;
}

.sp_inline {
  display: none;
}

.pc_inline {
  display: inline;
}

@media screen and (min-width: 768px) {
  .imgalpha {
    cursor: pointer;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  .imgalpha:hover {
    opacity: 0.6 !important;
  }
}
.test {
  color: #263c64;
}

header {
  /*-------------------------------------------------------------------
    header
    /*-------------------------------------------------------------------*/
}
header .header {
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  header .header {
    width: 100vw;
    height: 15vw;
  }
}
header .header.active {
  background: rgba(255, 255, 255, 0.9);
}
header .header_inner {
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  header .header_inner {
    padding-left: 2.5vw;
    width: 100%;
    height: 100%;
    padding-right: 2.5vw;
  }
}
header .header_logo {
  width: 300px;
  min-width: 300px;
}
@media only screen and (max-width: 768px) {
  header .header_logo {
    width: 60vw;
    min-width: 60vw;
  }
}
header .header_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 768px) {
  header .header_nav {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 15vw;
    left: 0;
    height: 100vh;
    left: 100%;
  }
}
header .header_nav.active {
  left: 0;
}
header .header_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  header .header_nav_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2%;
    background: rgba(255, 255, 255, 0.9);
    width: 100vw;
    height: 100vh;
    padding: 10vw 2.5vw 7.5vw;
  }
}
header .header_nav_list a {
  white-space: nowrap;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  header .header_nav_list a {
    font-size: 3.5vw;
    height: auto;
    height: 12.5vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
header .header_nav_list a:hover {
  color: var(--text-color);
}
header .header_nav_item {
  margin-left: min(3.3333333333vw, 48px);
}
@media only screen and (max-width: 768px) {
  header .header_nav_item {
    margin-left: 0;
  }
}
header .header_nav_item.current {
  position: relative;
}
header .header_nav_item.current::before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: var(--text-color);
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  header .header_nav_item.current::before {
    content: none;
  }
}
header .header_nav_item.current a {
  color: var(--text-color);
}
header .header_contactBtn {
  color: #fff !important;
  background: var(--text-color);
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
header .header_contactBtn a {
  color: #fff !important;
}
@media only screen and (max-width: 768px) {
  header .header_contactBtn {
    width: 100%;
    height: 12.5vw;
    margin-top: 12.5vw;
  }
}
header .header_contactBtn:hover {
  opacity: 0.8;
}
header .header_contactBtn:hover a {
  color: #fff;
}
header .header_contactBtn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
header .header_contactBtn span::after {
  content: ">";
}
header .header_btn {
  display: none;
}
@media only screen and (max-width: 768px) {
  header .header_btn {
    display: block;
    width: 7.5vw;
    height: 5vw;
    position: relative;
  }
}
header .header_btn span {
  display: block;
  background: var(--text-color);
  width: 100%;
  height: 1vw;
  border-radius: 999px;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: left;
          transform-origin: left;
}
header .header_btn span:nth-of-type(1) {
  top: 0;
}
header .header_btn span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header .header_btn span:nth-of-type(3) {
  bottom: 0;
}
header .header_btn.active span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -1vw;
}
header .header_btn.active span:nth-of-type(2) {
  display: none;
}
header .header_btn.active span:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: -0.25vw;
}

footer {
  /*-------------------------------------------------------------------
  footer
  /*-------------------------------------------------------------------*/
}
footer .footer {
  padding-top: 82px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  footer .footer {
    padding-top: 13vw;
    padding-bottom: 1.5vw;
  }
}
footer .footer_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  footer .footer_inner {
    display: block;
    width: 90vw;
    max-width: 90vw;
    padding: 0 2.5vw;
  }
}
footer .footer_logo {
  width: 300px;
  min-width: 300px;
  display: block;
}
@media only screen and (max-width: 768px) {
  footer .footer_logo {
    width: 60vw;
    min-width: 60vw;
    margin-left: -5vw;
  }
}
footer .footer_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footer_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 525px;
  margin-top: -10px;
}
@media only screen and (max-width: 768px) {
  footer .footer_list {
    margin-top: 18.5vw;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
  }
}
footer .footer_list_item:nth-of-type(5), footer .footer_list_item:nth-of-type(10) {
  width: 56px;
}
@media only screen and (max-width: 768px) {
  footer .footer_list_item:nth-of-type(5), footer .footer_list_item:nth-of-type(10) {
    width: auto;
  }
}
footer .footer_list_item:nth-of-type(6), footer .footer_list_item:nth-of-type(11) {
  width: 92px;
}
@media only screen and (max-width: 768px) {
  footer .footer_list_item:nth-of-type(6), footer .footer_list_item:nth-of-type(11) {
    width: auto;
  }
}
footer .footer_list_item:nth-of-type(7), footer .footer_list_item:nth-of-type(12) {
  width: 140px;
}
@media only screen and (max-width: 768px) {
  footer .footer_list_item:nth-of-type(7), footer .footer_list_item:nth-of-type(12) {
    width: auto;
  }
}
footer .footer_list_item:nth-of-type(8), footer .footer_list_item:nth-of-type(13) {
  width: 85px;
}
@media only screen and (max-width: 768px) {
  footer .footer_list_item:nth-of-type(8), footer .footer_list_item:nth-of-type(13) {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  footer .footer_list_item:nth-of-type(odd) {
    width: 47.5vw;
  }
}
footer .footer_list_item a {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2142857143;
  padding: 13px 0;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  footer .footer_list_item a {
    font-size: 3.5vw;
    padding: 2vw 0;
  }
}
footer .footer_list_item a:hover {
  color: var(--text-color);
}
footer .footer .spacer {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  footer .footer .spacer {
    display: none;
  }
}
footer .footer_copy {
  margin-top: 75px;
  text-align: center;
  font-size: 12px;
  line-height: 1.1666666667;
}
@media only screen and (max-width: 768px) {
  footer .footer_copy {
    margin-top: 14.5vw;
    font-size: 3vw;
  }
}

/*-------------------------------------------------------------------
common
/*-------------------------------------------------------------------*/
:root {
  --text-color: #0217a2;
}

.wrap .inner {
  max-width: 1080px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .wrap .inner {
    max-width: 95vw;
    padding: 0 5vw;
  }
}

@media screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }
  img {
    height: auto;
    width: 100%;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .sp_inline {
    display: inline !important;
  }
  .pc_inline {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .wrap {
    max-width: 100vw;
    overflow: hidden;
  }
}
img {
  width: 100%;
}

.font_s {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
}

.mv {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .mv {
    padding-top: 15vw;
  }
}
.mv .page_ttl {
  background-image: url(../image/mv_img03_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .mv .page_ttl {
    background-image: url(../image/mv_img03_sp.jpg);
    background-position: center 43%;
  }
}
.mv .page_ttl h2 {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: center;
  color: #fff;
  padding-top: 66px;
  padding-bottom: 1px;
}
@media only screen and (max-width: 768px) {
  .mv .page_ttl h2 {
    font-size: 8vw;
    padding-top: 11.25vw;
    padding-bottom: 0.5vw;
  }
}
.mv .page_ttl p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  padding-bottom: 83px;
}
@media only screen and (max-width: 768px) {
  .mv .page_ttl p {
    font-size: 3.5vw;
    line-height: 1.5;
    max-width: 95vw;
    width: 100%;
    padding-bottom: 7.75vw;
    margin: 0 auto;
  }
}
.mv._personal .page_ttl {
  background-image: url(../image/mv_img01_pc.jpg);
}
@media only screen and (max-width: 768px) {
  .mv._personal .page_ttl {
    background-image: url(../image/mv_img01_sp.jpg);
  }
}
.mv._service .page_ttl {
  background-image: url(../image/mv_img02_pc.jpg);
}
@media only screen and (max-width: 768px) {
  .mv._service .page_ttl {
    background-image: url(../image/mv_img02_sp.jpg);
  }
}

.section_ttl {
  margin-top: 99px;
  margin-bottom: 52px;
}
@media only screen and (max-width: 768px) {
  .section_ttl {
    margin-top: 8.75vw;
    margin-bottom: 8vw;
  }
}
.section_ttl h3 {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.5;
  padding-bottom: 18px;
}
@media only screen and (max-width: 768px) {
  .section_ttl h3 {
    font-size: 5.25vw;
    letter-spacing: 0.07em;
    line-height: 1.7142857143;
    word-break: break-all;
    padding-bottom: 2.5vw;
  }
}
.section_ttl p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .section_ttl p {
    font-size: 3.5vw;
    line-height: 1.7142857143;
  }
}

.page_contact {
  background-image: url(/assets/image/page_contact_img_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 73px;
  padding-bottom: 103px;
}
@media only screen and (max-width: 768px) {
  .page_contact {
    background-image: url(/assets/image/page_contact_img_sp.jpg);
    padding-top: 13.5vw;
    padding-bottom: 24.5vw;
  }
}
.page_contact h3 {
  font-size: 54px;
  letter-spacing: 0.06em;
  text-align: center;
  color: #fff;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .page_contact h3 {
    font-size: 13.5vw;
    padding-bottom: 14vw;
  }
}
.page_contact .form_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 11.5vw;
  }
}
.page_contact .form_category > div {
  max-width: 508px;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category > div {
    max-width: 85vw;
    width: 100%;
  }
}
.page_contact .form_category > div > p {
  font-size: 24px;
  letter-spacing: 0.18em;
  color: #fff;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category > div > p {
    font-size: 6vw;
    padding-bottom: 2.5vw;
  }
}
.page_contact .form_category > div .formBtn {
  background-color: #fff;
  width: 100%;
}
.page_contact .form_category > div .formBtn a {
  width: 100%;
  height: 100%;
}
.page_contact .form_category > div .formBtn a p {
  font-size: 32px;
  letter-spacing: 0.18em;
  padding-top: 24px;
  line-height: 1;
}
@media only screen and (max-width: 900px) {
  .page_contact .form_category > div .formBtn a p {
    font-size: 26px;
    letter-spacing: 0.05em;
  }
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category > div .formBtn a p {
    font-size: 6.5vw;
    letter-spacing: 0;
    padding-top: 7.5vw;
  }
}
.page_contact .form_category > div .formBtn a p:last-child {
  font-size: 18px;
  letter-spacing: 0.14em;
  padding-top: 7px;
  padding-bottom: 19px;
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category > div .formBtn a p:last-child {
    font-size: 3.5vw;
    padding-top: 2.5vw;
    padding-bottom: 5vw;
  }
}
.page_contact .form_category > div .telBtn {
  background-color: #fff;
}
.page_contact .form_category > div .telBtn a {
  width: 100%;
  height: 100%;
}
.page_contact .form_category > div .telBtn a p {
  font-size: 36px;
  letter-spacing: 0.18em;
  padding-top: 21px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category > div .telBtn a p {
    font-size: 6.5vw;
    padding-top: 7.5vw;
  }
}
.page_contact .form_category > div .telBtn a p:last-child {
  font-size: 18px;
  letter-spacing: 0.14em;
  padding-top: 7px;
  padding-bottom: 18px;
}
@media only screen and (max-width: 768px) {
  .page_contact .form_category > div .telBtn a p:last-child {
    font-size: 3.5vw;
    padding-top: 2.5vw;
    padding-bottom: 5vw;
  }
}

/*-------------------------------------------------------------------
ボタン
/*-------------------------------------------------------------------*/
.wrap {
  min-width: 1200px;
}
@media only screen and (max-width: 768px) {
  .wrap {
    min-width: 100%;
  }
}

.top {
  /*-------------------------------------------------------------------
  common
  /*-------------------------------------------------------------------*/
  /*--------------------
    -----------------------------------------------
  mv

  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  topMenu
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  advantage
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  serrvice
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  about
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  csr
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  info
  /*-------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  book
  /*-------------------------------------------------------------------*/
}
@media only screen and (max-width: 768px) {
  .top .inner {
    width: 90vw;
    max-width: 90vw;
    padding: 0 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  .top .inner.big {
    max-width: 100vw;
    width: 100vw;
  }
}
.top .border_ttl {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1875;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .top .border_ttl {
    font-size: 4vw;
  }
}
.top .btn {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .top .btn {
    height: 12.5vw;
    font-size: 4vw;
  }
}
.top .btn:hover {
  opacity: 0.7;
}
.top .btn:not(.small) {
  width: 100%;
  max-width: 330px;
}
@media only screen and (max-width: 768px) {
  .top .btn:not(.small) {
    max-width: none;
  }
}
.top .btn.small {
  width: 145px;
}
@media only screen and (max-width: 768px) {
  .top .btn.small {
    width: 100%;
  }
}
.top .btn.border {
  border: 1px solid var(--text-color);
}
.top .btn.arrow {
  position: relative;
}
.top .btn.arrow::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 36px;
}
@media only screen and (max-width: 768px) {
  .top .btn.arrow::after {
    width: 2.5vw;
    height: 2.5vw;
    right: 5vw;
  }
}
.top .ttl span:lang(en) {
  display: block;
  color: var(--text-color);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 40px;
  letter-spacing: 0.12em;
}
@media only screen and (max-width: 768px) {
  .top .ttl span:lang(en) {
    font-size: 3.5vw;
    margin-bottom: 5.5vw;
  }
}
.top .ttl span:lang(ja) {
  margin-left: -4px;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 42px;
  line-height: 1.1904761905;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .top .ttl span:lang(ja) {
    font-size: 7vw;
    white-space: nowrap;
  }
}
.top .ttl .ttl_border {
  color: var(--text-color);
  border-bottom: 2px solid var(--text-color);
}
.top .ttl.center {
  text-align: center;
}
.top p {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .top p {
    font-size: 3.5vw;
  }
}
.top p:not(.service_text) {
  line-height: 1.5;
}
.top p.service_text {
  line-height: 2;
}
.top .mv {
  height: 100vh;
}
@media only screen and (max-width: 768px) {
  .top .mv {
    height: 112.5vw;
  }
}
.top .mv_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.top .mv_en {
  width: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .top .mv_en {
    width: 7.5vw;
  }
}
.top .mv_en span {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Baskervville", serif;
  font-weight: 400;
  color: var(--text-color);
}
@media only screen and (max-width: 768px) {
  .top .mv_en span {
    font-size: 2.5vw;
  }
}
.top .mv_wrap {
  width: calc(100% - 84px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url(../image/top/mv.jpg) center/cover no-repeat;
  padding-left: min(13.4722222222vw, 194px);
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .top .mv_wrap {
    width: calc(100% - 7.5vw);
    padding-left: 3vw;
  }
}
.top .mv_catchphrase {
  font-size: 54px;
  line-height: 1.1851851852;
  font-weight: 500;
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
}
@media only screen and (max-width: 768px) {
  .top .mv_catchphrase {
    font-size: 5.25vw;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    text-shadow: 0px 0px 2.5vw rgb(0, 0, 0);
  }
}
.top .mv_ttl_ja {
  font-size: 24px;
  font-weight: 600;
  margin-top: 22px;
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
}
@media only screen and (max-width: 768px) {
  .top .mv_ttl_ja {
    font-size: 3vw;
    margin-top: 1.5vw;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    text-shadow: 0px 0px 2.5vw rgb(0, 0, 0);
  }
}
.top .topMenu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -100px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.25vw;
    margin: -15vw auto 0;
    width: 75vw;
  }
}
.top .topMenu_item {
  background: #fff;
  position: relative;
  padding: 30px 0 24px;
  -webkit-box-shadow: 7px 7px 16px 4px rgba(175, 175, 175, 0.4);
          box-shadow: 7px 7px 16px 4px rgba(175, 175, 175, 0.4);
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item {
    padding: 8vw 5vw 5vw;
  }
}
.top .topMenu_item:not(:nth-of-type(2)) {
  width: 260px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item:not(:nth-of-type(2)) {
    width: 100%;
  }
}
.top .topMenu_item:not(:nth-of-type(2)) .topMenu_item_list {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item:not(:nth-of-type(2)) .topMenu_item_list {
    margin-bottom: 4vw;
  }
}
.top .topMenu_item:nth-of-type(2) {
  width: 460px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item:nth-of-type(2) {
    width: 100%;
  }
}
.top .topMenu_item:nth-of-type(2) .topMenu_item_list {
  margin-bottom: 17px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item:nth-of-type(2) .topMenu_item_list {
    margin-bottom: 4vw;
  }
}
.top .topMenu_item::before {
  content: "";
  display: block;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
  width: 30px;
  height: 30px;
  background: var(--text-color);
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item::before {
    width: 7.5vw;
    height: 7.5vw;
  }
}
.top .topMenu_item:not(:nth-of-type(2)) .btn {
  margin: 0 auto;
}
.top .topMenu_item_ttl {
  border-bottom: 1px solid #000;
}
.top .topMenu_item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 14px auto 0;
  height: 60px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item_list {
    height: auto;
    margin: 3.5vw auto 0;
  }
}
.top .topMenu_item_list li {
  font-size: 16px;
  position: relative;
  padding-left: 20px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item_list li {
    font-size: 4vw;
  }
}
.top .topMenu_item_list li:before, .top .topMenu_item_list li:after {
  content: "";
  display: block;
  position: absolute;
}
.top .topMenu_item_list li::before {
  width: 14px;
  height: 14px;
  border: 1px solid var(--text-color);
  border-radius: 50%;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item_list li::before {
    width: 3.5vw;
    height: 3.5vw;
  }
}
.top .topMenu_item_list li::after {
  width: 8px;
  height: 8px;
  background: var(--text-color);
  border-radius: 50%;
  top: 3px;
  left: 3px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item_list li::after {
    width: 2vw;
    height: 2vw;
    top: 0.75vw;
    left: 0.75vw;
  }
}
.top .topMenu_item_list li + li {
  margin-top: 6px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item_list li + li {
    margin-top: 1.5vw;
  }
}
.top .topMenu_item .btn {
  height: 40px;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_item .btn {
    height: 10vw;
  }
}
.top .topMenu_btnWrap {
  width: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  .top .topMenu_btnWrap {
    width: 100%;
    gap: 2.5vw;
  }
}
.top .advantage {
  margin-top: 94px;
  padding-top: 60px;
  padding-bottom: 142px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .top .advantage {
    margin-top: 18.25vw;
    padding-top: 17.5vw;
    padding-bottom: 5vw;
  }
}
.top .advantage::before {
  content: "";
  display: block;
  background: url(../image/top/advantage.jpg) center/cover no-repeat;
  width: 510px;
  height: 514px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .top .advantage::before {
    width: 85vw;
    height: 85.5vw;
  }
}
.top .advantage .ttl {
  padding-left: 14px;
}
@media only screen and (max-width: 768px) {
  .top .advantage .ttl {
    padding-left: 0;
  }
}
.top .advantage_text {
  margin-top: 40px;
  padding-left: 14px;
}
@media only screen and (max-width: 768px) {
  .top .advantage_text {
    margin-top: 11.25vw;
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .top .advantage_text br {
    display: none;
  }
}
.top .advantage_list {
  margin-top: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  .top .advantage_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 25.5vw;
    gap: 5vw;
  }
}
.top .advantage_item {
  width: 248px;
  border: 1px solid var(--text-color);
  position: relative;
  padding: 40px 11px;
}
@media only screen and (max-width: 768px) {
  .top .advantage_item {
    width: 100%;
    padding: 7.5vw 5vw 11.25vw;
  }
}
.top .advantage_item .num {
  width: 108px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .top .advantage_item .num {
    width: 26.5vw;
    height: 20vw;
  }
}
.top .advantage_item_ttl {
  color: var(--text-color);
  border-bottom: 1px solid var(--text-color);
}
.top .advantage_item_text {
  margin-top: 36px;
}
@media only screen and (max-width: 768px) {
  .top .advantage_item_text {
    margin-top: 33px;
  }
}
.top .service {
  background: #f0f6f7;
  padding-top: 72px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 768px) {
  .top .service {
    padding-top: 11vw;
    padding-bottom: 15vw;
  }
}
.top .service_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 110px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .top .service_inner {
    display: block;
  }
}
.top .service .ttl {
  white-space: nowrap;
}
.top .service .ttl br {
  display: none;
}
@media only screen and (max-width: 768px) {
  .top .service .ttl br {
    display: block;
  }
}
.top .service_wrap {
  width: 700px;
  margin-top: 22px;
}
@media only screen and (max-width: 768px) {
  .top .service_wrap {
    margin-top: 11vw;
    width: 100%;
  }
}
.top .service_img {
  margin-left: calc(-50vw + 50%);
  width: 0.2951388889px;
  min-width: 425px;
}
@media only screen and (max-width: 768px) {
  .top .service_img {
    min-width: 93vw;
    width: 93vw;
  }
}
.top .service_text {
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .top .service_text {
    margin-top: 8vw;
  }
}
.top .service .btn {
  margin-top: 36px;
}
@media only screen and (max-width: 768px) {
  .top .service .btn {
    margin-top: 10.5vw;
  }
}
.top .service_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 48px;
}
@media only screen and (max-width: 768px) {
  .top .service_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 6.75vw;
    gap: 5vw;
  }
}
.top .service_list_item {
  width: 152px;
  height: 152px;
  border-radius: 50%;
  border: 1px solid var(--text-color);
}
@media only screen and (max-width: 768px) {
  .top .service_list_item {
    width: 40vw;
    height: 40vw;
  }
}
.top .service_list_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.top .service_list_item a span {
  color: var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .top .service_list_item a span {
    gap: 2vw;
    font-size: 4.5vw;
  }
}
.top .service_list_item a span::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  .top .service_list_item a span::after {
    width: 2.5vw;
    height: 2.5vw;
  }
}
.top .service_list_item a:hover {
  background: var(--text-color);
}
@media only screen and (max-width: 768px) {
  .top .service_list_item a:hover {
    background: transparent;
  }
}
.top .service_list_item a:hover span {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .top .service_list_item a:hover span {
    color: var(--text-color);
  }
}
.top .service_list_item a:hover span::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
  .top .service_list_item a:hover span::after {
    border-top: 1px solid var(--text-color);
    border-right: 1px solid var(--text-color);
  }
}
.top .about {
  padding: 105px 20px;
  background: url(../image/top/about.jpg) center/cover no-repeat;
}
@media only screen and (max-width: 768px) {
  .top .about {
    padding: 7.5vw 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  .top .about .ttl {
    text-align: center;
  }
}
.top .about_box {
  width: 540px;
  padding: 55px 102px;
  background: rgba(255, 255, 255, 0.5);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .top .about_box {
    width: 100%;
    padding: 13.5vw 5vw;
  }
}
.top .csr {
  margin: 135px 0 140px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .top .csr {
    margin: 12.5vw 0;
  }
}
.top .csr::before {
  content: "";
  display: block;
  width: 975px;
  height: 546px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../image/top/csr.jpg) center/cover no-repeat;
}
@media only screen and (max-width: 768px) {
  .top .csr::before {
    width: 93vw;
    height: 51.75vw;
  }
}
.top .csr_inner {
  height: 546px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .top .csr_inner {
    height: auto;
    padding-top: 66vw;
  }
}
.top .csr_box {
  width: 400px;
  margin: auto 0;
}
@media only screen and (max-width: 768px) {
  .top .csr_box {
    width: 100%;
  }
}
.top .csr_text {
  margin: 34px 0 50px;
}
@media only screen and (max-width: 768px) {
  .top .csr_text {
    margin: 3.5vw 0 11.25vw;
  }
}
.top .info {
  background: #f2f2f2;
  padding: 76px 0 107px;
}
@media only screen and (max-width: 768px) {
  .top .info {
    padding: 19vw 0 33.25vw;
  }
}
.top .info_wrap {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 768px) {
  .top .info_wrap {
    margin-top: 18vw;
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .top .info_btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1vw;
  }
}
.top .info_btn {
  width: 292px;
  min-height: 50px;
  background: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 0 30px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .top .info_btn {
    width: 42vw;
    height: 12.5vw;
    min-height: 12.5vw;
    padding: 0 5vw;
  }
}
.top .info_btn::before, .top .info_btn::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.top .info_btn::before {
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  right: 20px;
}
@media only screen and (max-width: 768px) {
  .top .info_btn::before {
    width: 3.5vw;
    height: 3.5vw;
    right: 5vw;
  }
}
.top .info_btn::after {
  width: 8px;
  height: 8px;
  background: #fff;
  right: 23px;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .top .info_btn::after {
    width: 2vw;
    height: 2vw;
    right: 5.75vw;
  }
}
.top .info_btn:not(:first-of-type) {
  margin-top: 3px;
}
@media only screen and (max-width: 768px) {
  .top .info_btn:not(:first-of-type) {
    margin-top: 0;
  }
}
.top .info_btn span {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .top .info_btn span {
    font-size: 4vw;
  }
}
.top .info_btn.active {
  background: var(--text-color);
  height: 64px;
}
@media only screen and (max-width: 768px) {
  .top .info_btn.active {
    height: 12.5vw;
  }
}
.top .info_btn.active::after {
  opacity: 1;
}
.top .info_btn.active span {
  font-size: 18px;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .top .info_btn.active span {
    font-size: 4vw;
  }
}
.top .info_contents_wrap {
  width: calc(100% - 292px - 12px);
  height: auto;
}
@media only screen and (max-width: 768px) {
  .top .info_contents_wrap {
    width: 100%;
    margin-top: 1vw;
  }
}
.top .info_contents {
  display: none;
  background: #fff;
  height: 100%;
  padding: 30px 28px;
}
@media only screen and (max-width: 768px) {
  .top .info_contents {
    padding: 7.5vw 2.5vw 9.25vw;
  }
}
.top .info_contents.active {
  display: block;
}
.top .info_item {
  border-bottom: 1px solid #c1c1c1;
  height: 67px;
}
@media only screen and (max-width: 768px) {
  .top .info_item {
    height: auto;
  }
}
.top .info_item:first-of-type {
  border-top: 1px solid #c1c1c1;
}
@media only screen and (max-width: 768px) {
  .top .info_item:nth-of-type(4) {
    display: none;
  }
}
.top .info_item a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10px 12px 10px 24px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .top .info_item a {
    padding: 4vw 3vw 4vw 2.5vw;
  }
}
.top .info_item a:hover {
  opacity: 0.7;
}
.top .info_item_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 54px;
  color: #808080;
}
@media only screen and (max-width: 768px) {
  .top .info_item_data {
    gap: 12.5vw;
  }
}
.top .info_item_date, .top .info_item_cat {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .top .info_item_date, .top .info_item_cat {
    font-size: 3vw;
  }
}
.top .info_item_ttl {
  font-size: 16px;
  line-height: 1.1875;
  margin-top: 6px;
}
@media only screen and (max-width: 768px) {
  .top .info_item_ttl {
    font-size: 3.5vw;
    margin-top: 1.75vw;
  }
}
.top .info .btn {
  margin: 54px auto 0;
}
@media only screen and (max-width: 768px) {
  .top .info .btn {
    margin: 6vw auto 0;
  }
}
.top .book {
  background: #f2f2f2;
  padding-bottom: 74px;
}
@media only screen and (max-width: 768px) {
  .top .book {
    padding-bottom: 20vw;
  }
}
.top .book_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .top .book_inner {
    display: block;
  }
}
.top .book_wrap {
  width: 350px;
}
@media only screen and (max-width: 768px) {
  .top .book_wrap {
    width: auto;
  }
}
.top .book_text {
  margin: 32px 0 50px;
}
@media only screen and (max-width: 768px) {
  .top .book_text {
    margin: 5vw 0 10.5vw;
  }
}
.top .book_img {
  width: 520px;
  height: 302px;
}
@media only screen and (max-width: 768px) {
  .top .book_img {
    width: 100%;
    height: auto;
    margin-top: 11.25vw;
  }
}

.mv_wrap {
  position: relative;
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.slide video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.personal :root {
  --intro-bg-color: #f2f2f2;
  --voice-bg-color: #f0f6f7;
}
.personal .mv .page_ttl h2 {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  padding-top: 53px;
  padding-bottom: 33px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .personal .mv .page_ttl h2 {
    font-size: 8vw;
    padding-top: 12.75vw;
    padding-bottom: 10vw;
  }
}
.personal .mv .page_ttl h2::before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  bottom: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .personal .mv .page_ttl h2::before {
    width: 2.5vw;
    height: 2.5vw;
    bottom: 5vw;
    border-radius: 1.25vw;
  }
}
.personal .mv .page_ttl p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .personal .mv .page_ttl p {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: left;
    max-width: 95vw;
    width: 100%;
    padding: 0 5vw 11.25vw;
    margin: 0 auto;
  }
}
.personal .intro {
  background-color: #f2f2f2;
  padding-top: 75px;
  padding-bottom: 97px;
}
@media only screen and (max-width: 768px) {
  .personal .intro {
    padding-top: 15vw;
    padding-bottom: 10.5vw;
  }
}
.personal .intro h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1944444444;
  letter-spacing: 0.14em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .personal .intro h3 {
    font-size: 6vw;
    line-height: 1.2083333333;
    letter-spacing: 0.08em;
  }
}
.personal .intro_contWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
  padding-top: 26px;
}
@media only screen and (max-width: 768px) {
  .personal .intro_contWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.5vw;
    padding-top: 7vw;
  }
}
.personal .intro_contWrap li {
  max-width: 330px;
  width: 100%;
  height: 110px;
  background-color: #808092;
  -webkit-box-shadow: 7px 7px 10px 0px rgba(175, 175, 175, 0.75);
          box-shadow: 7px 7px 10px 0px rgba(175, 175, 175, 0.75);
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .personal .intro_contWrap li {
    max-width: 95vw;
    height: 27.5vw;
    margin-left: -5vw;
    margin-right: -5vw;
    -webkit-box-shadow: 1.75vw 1.75vw 2.5vw 0px rgba(175, 175, 175, 0.75);
            box-shadow: 1.75vw 1.75vw 2.5vw 0px rgba(175, 175, 175, 0.75);
    font-size: 4vw;
  }
}
.personal .explanation {
  padding: 118px 0 130px;
  border-left: 30px solid var(--text-color);
}
@media only screen and (max-width: 768px) {
  .personal .explanation {
    padding: 10.25vw 0 15.5vw;
    border-left: 2.5vw solid var(--text-color);
  }
}
.personal .explanation h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .personal .explanation h3 {
    font-size: 5.25vw;
    line-height: 1.7142857143;
  }
}
.personal .explanation .txt_wrap {
  padding-top: 40px;
  padding-bottom: 117px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .txt_wrap {
    padding-top: 7.5vw;
    padding-bottom: 9vw;
    font-size: 3.5vw;
    line-height: 1.7142857143;
  }
}
.personal .explanation .txt_wrap ul {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .txt_wrap ul {
    padding-top: 5.75vw;
  }
}
.personal .explanation .txt_wrap .txt02 {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .txt_wrap .txt02 {
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
  }
}
.personal .explanation .txt_wrap .txt_border {
  color: var(--text-color);
}
@media only screen and (max-width: 768px) {
  .personal .explanation .txt_wrap .txt_border {
    letter-spacing: 0;
  }
}
.personal .explanation .txt_wrap .txt_border span {
  display: inline;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--text-color);
}
.personal .explanation .service_contents {
  border: 1px solid var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 113px 40px 93px;
  min-height: 275px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .service_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 6.5vw 4.5vw 4vw 4.5vw;
    min-height: auto;
  }
}
.personal .explanation .service_contents .service_ttlWrap p {
  width: 70px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .service_contents .service_ttlWrap p {
    width: 18vw;
  }
}
.personal .explanation .service_contents .service_ttlWrap h4 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
  padding-top: 9px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .service_contents .service_ttlWrap h4 {
    font-size: 7.5vw;
    line-height: 1.8;
    padding-top: 0.25vw;
  }
}
.personal .explanation .service_contents .service_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 130px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .service_contents .service_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-top: 6vw;
  }
}
.personal .explanation .service_contents .service_items ul {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
  color: var(--text-color);
}
@media only screen and (max-width: 768px) {
  .personal .explanation .service_contents .service_items ul {
    font-size: 3.5vw;
    line-height: 2.2857142857;
  }
}
.personal .explanation .btn_area {
  padding-top: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area {
    padding-top: 7vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 12.5vw;
  }
}
.personal .explanation .btn_area .circle_btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .circle_btnWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4.5vw;
  }
}
.personal .explanation .btn_area .circle_btnWrap div {
  width: 154px;
  height: 154px;
  border-radius: 50%;
  border: 1px solid var(--text-color);
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .circle_btnWrap div {
    width: 40vw;
    height: 40vw;
  }
}
.personal .explanation .btn_area .circle_btnWrap div a {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--text-color);
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .circle_btnWrap div a {
    font-size: 4vw;
    line-height: 1.3125;
  }
}
.personal .explanation .btn_area .circle_btnWrap div a::before {
  position: absolute;
  content: "";
  background-image: url(../image/personal/arrow02.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 15px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .circle_btnWrap div a::before {
    width: 2vw;
    height: 3.75vw;
    right: 3.25vw;
  }
}
@media only screen and (min-width: 769px) {
  .personal .explanation .btn_area .circle_btnWrap div a:hover {
    color: #fff;
    background-color: var(--text-color);
  }
  .personal .explanation .btn_area .circle_btnWrap div a:hover::before {
    background-image: url(../image/personal/arrow01.svg);
  }
}
.personal .explanation .btn_area .square_btn {
  max-width: 290px;
  width: 100%;
  height: 50px;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .square_btn {
    max-width: 85vw;
    height: 12.5vw;
  }
}
.personal .explanation .btn_area .square_btn a {
  width: 100%;
  height: 100%;
  background-color: var(--text-color);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .square_btn a {
    font-size: 4vw;
  }
}
.personal .explanation .btn_area .square_btn a::before {
  position: absolute;
  content: "";
  background-image: url(../image/personal/arrow01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 15px;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .personal .explanation .btn_area .square_btn a::before {
    width: 2vw;
    height: 3.75vw;
    right: 5vw;
  }
}
@media only screen and (min-width: 769px) {
  .personal .explanation .btn_area .square_btn a:hover {
    opacity: 0.8;
  }
}
.personal .voice {
  background: #f0f6f7;
  padding-top: 85px;
  padding-bottom: 144px;
}
@media only screen and (max-width: 768px) {
  .personal .voice {
    padding-top: 14vw;
    padding-bottom: 0vw;
  }
}
.personal .voice_ttlWrap {
  text-align: center;
}
.personal .voice_ttlWrap p {
  width: 178px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .personal .voice_ttlWrap p {
    width: 44.5vw;
  }
}
.personal .voice_ttlWrap h3 {
  font-size: 42px;
  font-weight: 500;
  letter-spacing: 0.18em;
  padding-top: 14px;
}
@media only screen and (max-width: 768px) {
  .personal .voice_ttlWrap h3 {
    font-size: 7.5vw;
    padding-top: 4.75vw;
  }
}
.personal .voice_contWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  padding-top: 67px;
  padding-bottom: 101px;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contWrap {
    gap: 17vw;
    padding-top: 7vw;
    padding-bottom: 10vw;
  }
}
.personal .voice_contWrap .voice_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contWrap .voice_cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5.25vw;
  }
}
.personal .voice_contWrap .voice_cont .voice_img {
  max-width: 154px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contWrap .voice_cont .voice_img {
    max-width: 38vw;
  }
}
.personal .voice_contWrap .voice_cont .voice_txtWrap h4 {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7777777778;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contWrap .voice_cont .voice_txtWrap h4 {
    font-size: 4vw;
    line-height: 2;
    letter-spacing: 0.02em;
  }
}
.personal .voice_contWrap .voice_cont .voice_txtWrap p {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
  padding-top: 13px;
  text-align: justify;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contWrap .voice_cont .voice_txtWrap p {
    font-size: 3.5vw;
    line-height: 1.5;
    padding-top: 2vw;
  }
}
.personal .voice_contact {
  max-width: 1040px;
  margin: 0 auto;
  width: 100%;
  background-image: url(../image/personal/contact_bg_pc.jpg);
  background-size: cover;
  padding-top: 74px;
  padding-bottom: 89px;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contact {
    max-width: 100vw;
    background-image: url(../image/personal/contact_bg_sp.jpg);
    padding-top: 18.75vw;
    padding-bottom: 22vw;
  }
}
.personal .voice_contact p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contact p {
    font-size: 4vw;
  }
}
.personal .voice_contact .btn_wrap {
  width: 330px;
  height: 80px;
  margin: 0 auto;
  padding-top: 12px;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contact .btn_wrap {
    width: 82.5vw;
    height: 20vw;
    padding-top: 4vw;
  }
}
.personal .voice_contact .btn_wrap a {
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.08em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  .personal .voice_contact .btn_wrap a {
    font-size: 6vw;
  }
}
@media only screen and (min-width: 769px) {
  .personal .voice_contact .btn_wrap a:hover {
    opacity: 0.8;
  }
}
.personal .inheritance_customers .mv {
  padding-top: 0;
}
.personal .inheritance_customers .mv .page_ttl {
  background-image: url(../image/personal/mv_img02_pc.jpg);
}
@media only screen and (max-width: 768px) {
  .personal .inheritance_customers .mv .page_ttl {
    background-image: url(../image/personal/mv_img02_sp.jpg);
  }
}
.personal .inheritance_customers .explanation .txt_wrap {
  padding-bottom: 54px;
}
.personal .inheritance_customers .explanation .service_contents {
  padding-right: 65px;
}
.personal .inheritance_customers .explanation .service_contents .service_items {
  gap: 141px;
}
@media only screen and (max-width: 768px) {
  .personal .inheritance_customers .explanation .service_contents .service_items {
    gap: 0;
  }
}
.personal .owner_customers .mv {
  padding-top: 0;
}
.personal .owner_customers .mv .page_ttl {
  background-image: url(../image/personal/mv_img03_pc.jpg);
}
@media only screen and (max-width: 768px) {
  .personal .owner_customers .mv .page_ttl {
    background-image: url(../image/personal/mv_img03_sp.jpg);
  }
}
@media only screen and (max-width: 768px) {
  .personal .owner_customers .mv .page_ttl h2 {
    font-size: 7vw;
  }
}
.personal .owner_customers .explanation .txt_wrap {
  padding-bottom: 54px;
}
.personal .owner_customers .explanation .txt_wrap .txt01 {
  padding-bottom: 32px;
}
.personal .owner_customers .explanation .service_contents {
  padding-right: 110px;
}
.personal .owner_customers .explanation .service_contents .service_items {
  gap: 85px;
}
@media only screen and (max-width: 768px) {
  .personal .owner_customers .explanation .service_contents .service_items {
    gap: 0;
  }
}
.personal .nav_area {
  position: fixed;
  top: 23%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  z-index: 999;
}
@media only screen and (max-width: 768px) {
  .personal .nav_area {
    top: 22.5vw;
    gap: 2.5vw;
  }
}
.personal .nav_area > div {
  width: 40px;
  height: 200px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
@media only screen and (max-width: 768px) {
  .personal .nav_area > div {
    width: 7.5vw;
    height: 50vw;
  }
}
.personal .nav_area > div a {
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 7px 7px 10px 0px rgba(175, 175, 175, 0.75);
          box-shadow: 7px 7px 10px 0px rgba(175, 175, 175, 0.75);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  .personal .nav_area > div a {
    font-size: 3.5vw;
    -webkit-box-shadow: 1.75vw 1.75vw 2.5vw 0px rgba(175, 175, 175, 0.75);
            box-shadow: 1.75vw 1.75vw 2.5vw 0px rgba(175, 175, 175, 0.75);
  }
}
.personal .nav_area > div a::before {
  position: absolute;
  content: "";
  background: var(--text-color);
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -7px;
  left: -7px;
}
@media only screen and (max-width: 768px) {
  .personal .nav_area > div a::before {
    width: 3.75vw;
    height: 3.75vw;
    top: -1.75vw;
    left: -1.75vw;
  }
}
@media only screen and (min-width: 769px) {
  .personal .nav_area > div a:hover {
    opacity: 0.8;
  }
}

.service .support_ttlWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .service .support_ttlWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3.75vw;
  }
}
.service .support_ttlWrap .support_ttl {
  max-width: 36.4%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 30px 20px;
  background-color: #34b5c8;
}
@media only screen and (max-width: 768px) {
  .service .support_ttlWrap .support_ttl {
    max-width: 67.5vw;
    padding: 7.5vw;
  }
}
.service .support_ttlWrap .support_ttl > div {
  width: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  color: #fff;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .service .support_ttlWrap .support_ttl > div {
    width: 60vw;
    gap: 4.25vw;
  }
}
.service .support_ttlWrap .support_ttl > div .num {
  font-size: 28px;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 768px) {
  .service .support_ttlWrap .support_ttl > div .num {
    font-size: 7vw;
  }
}
.service .support_ttlWrap .support_ttl > div h3 {
  font-size: 16px;
  font-weight: 600;
  padding-top: 5px;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .service .support_ttlWrap .support_ttl > div h3 {
    font-size: 4vw;
    padding-top: 1.25vw;
  }
}
.service .support_ttlWrap .support_ttlCont {
  max-width: 685px;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  .service .support_ttlWrap .support_ttlCont {
    max-width: 95vw;
    padding: 0 5vw;
    font-size: 3.5vw;
  }
}
.service .anchor-nav {
  width: 100%;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-top: -20px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav {
    margin-top: 5vw;
  }
}
.service .anchor-nav .nav_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service .anchor-nav .nav_wrap div {
  width: 100%;
  min-height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid var(--text-color);
  border-width: 1px 0 1px 1px;
  background-color: #fff;
  color: var(--text-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div {
    border-width: 0.25vw 0.25vw 0 0.25vw;
  }
}
.service .anchor-nav .nav_wrap div:not(:nth-child(4)) {
  max-width: 159px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:not(:nth-child(4)) {
    max-width: 85vw;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(4) {
  max-width: 249px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(4) {
    max-width: 85vw;
  }
}
.service .anchor-nav .nav_wrap div:last-child {
  border-width: 1px;
}
.service .anchor-nav .nav_wrap div::before {
  position: absolute;
  content: "";
  background-image: url(../image/service/arrow03.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div::before {
    width: 4.5vw;
    height: 2vw;
    right: 4.5vw;
  }
}
.service .anchor-nav .nav_wrap div a {
  width: 100%;
  padding: 17.5px 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div a {
    padding: 3.375vw 0;
    margin-left: 0;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(1) a {
  margin-left: -8px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(1) a {
    margin-left: 0;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(2) a {
  margin-left: -11px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(2) a {
    margin-left: 0;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(3) a {
  margin-left: -10px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(3) a {
    margin-left: 0;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(4) a {
  margin-left: -4px;
  letter-spacing: 0;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(4) a {
    margin-left: 0;
    letter-spacing: 0.06em;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(5) a {
  margin-left: -9px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(5) a {
    margin-left: 0;
  }
}
.service .anchor-nav .nav_wrap div:nth-child(6) a {
  margin-left: -6px;
}
@media only screen and (max-width: 768px) {
  .service .anchor-nav .nav_wrap div:nth-child(6) a {
    margin-left: 0;
  }
}
.service .anchor-nav .nav_wrap div:hover {
  color: #fff;
  background-color: var(--text-color);
}
.service .anchor-nav .nav_wrap div:hover::before {
  background-image: url(../image/service/arrow04.svg);
}
.service .totalSupport {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport {
    padding-top: 5vw;
  }
}
.service .totalSupport_wrap {
  padding: 60px 15px 37px 40px;
  border: 1px solid var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 44px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_wrap {
    padding: 8.75vw 2vw 9.25vw 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service .totalSupport_l {
  max-width: 490px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l {
    max-width: 85vw;
  }
}
.service .totalSupport_l h3 {
  font-size: 32px;
  color: var(--text-color);
  line-height: 1.3125;
  letter-spacing: 0.14em;
  padding-left: 23px;
  border-left: 10px solid var(--text-color);
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l h3 {
    font-size: 5.25vw;
    line-height: 1.3333333333;
    padding-left: 1.5vw;
    border-left: 1.25vw solid var(--text-color);
  }
}
.service .totalSupport_l ol {
  padding-top: 28px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol {
    padding-top: 9vw;
  }
}
.service .totalSupport_l ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 36px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 5vw;
  }
}
.service .totalSupport_l ol li h4 {
  max-width: 255px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li h4 {
    max-width: 85vw;
    font-size: 4vw;
  }
}
.service .totalSupport_l ol li p {
  max-width: 235px;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li p {
    max-width: 85vw;
    font-size: 3vw;
  }
}
.service .totalSupport_l ol li:nth-child(1) {
  color: #34b5c8;
}
.service .totalSupport_l ol li:nth-child(2) {
  color: #1397d3;
}
.service .totalSupport_l ol li:nth-child(3) {
  color: #037dd0;
  padding-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li:nth-child(3) {
    padding-bottom: 5vw;
  }
}
.service .totalSupport_l ol li:nth-child(4) {
  color: #475eba;
  padding-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li:nth-child(4) {
    padding-bottom: 5vw;
  }
}
.service .totalSupport_l ol li:nth-child(5) {
  color: #6949b8;
  padding-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li:nth-child(5) {
    padding-bottom: 5vw;
  }
}
.service .totalSupport_l ol li:nth-child(6) {
  color: #933ac8;
  padding-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l ol li:nth-child(6) {
    padding-bottom: 5vw;
  }
}
.service .totalSupport_l .totalSupport_info {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_l .totalSupport_info {
    font-size: 3.5vw;
  }
}
.service .totalSupport_r {
  max-width: 456px;
  width: 100%;
  padding-top: 46px;
}
@media only screen and (max-width: 768px) {
  .service .totalSupport_r {
    max-width: 85vw;
    padding-top: 7.25vw;
  }
}
.service .inheritance {
  padding-top: 58px;
  padding-bottom: 158px;
}
@media only screen and (max-width: 768px) {
  .service .inheritance {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
}
.service .inheritance_cont {
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--text-color);
  padding: 46px 95px 40px;
  gap: 105px;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_cont {
    margin-top: 7.5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 7.5vw 5vw 7.75vw;
    gap: 0vw;
  }
}
.service .inheritance_contTtl_wrap {
  max-width: 238px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_contTtl_wrap {
    max-width: 100%;
  }
}
.service .inheritance_contTtl_wrap .inheritance_contSubTtl {
  max-width: 166px;
  width: 100%;
  padding-bottom: 6px;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_contTtl_wrap .inheritance_contSubTtl {
    max-width: 41.5vw;
    padding-bottom: 1.25vw;
  }
}
.service .inheritance_contTtl_wrap h4 {
  font-size: 36px;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_contTtl_wrap h4 {
    font-size: 7.5vw;
  }
}
.service .inheritance_cont .inheritance_contList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-color);
  gap: 140px;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_cont .inheritance_contList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-top: 6vw;
  }
}
.service .inheritance_cont .inheritance_contList li {
  font-size: 16px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_cont .inheritance_contList li {
    font-size: 4vw;
  }
}
.service .inheritance_cont .inheritance_contList li:not(:last-child) {
  padding-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .service .inheritance_cont .inheritance_contList li:not(:last-child) {
    padding-bottom: 0;
  }
}
.service .inheritanceTax .support_ttl {
  background-color: #1397d3;
}
.service .inheritanceTax_point01 {
  padding-top: 85px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point01 {
    padding-top: 13.75vw;
  }
}
.service .inheritanceTax .point_ttlWrap .point_subTtl {
  width: 74px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point_ttlWrap .point_subTtl {
    width: 16vw;
  }
}
.service .inheritanceTax .point_ttlWrap h4 {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.14em;
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point_ttlWrap h4 {
    font-size: 5.25vw;
    letter-spacing: 0.04em;
    padding-top: 1.75vw;
  }
}
.service .inheritanceTax .point01_contentsWrap {
  width: 1040px;
  padding-top: 55px;
  padding-bottom: 110px;
}
@media only screen and (max-width: 1060px) {
  .service .inheritanceTax .point01_contentsWrap {
    border: 1px solid #999;
    padding: 19px 9px 42px;
    min-width: 100%;
    width: auto;
    margin-top: 28px;
    margin-bottom: 54px;
    overflow-x: scroll;
  }
  .service .inheritanceTax .point01_contentsWrap::-webkit-scrollbar {
    width: 230px;
    height: 10px;
    margin-bottom: 10px;
  }
  .service .inheritanceTax .point01_contentsWrap::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap {
    margin: 6.75vw -5vw 13.5vw;
    padding: 4.75vw 2.25vw;
  }
}
.service .inheritanceTax .point01_contentsWrap .point01_scrollArea {
  min-width: 1058px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap .point01_scrollArea {
    min-width: 183vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li {
  padding-left: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li {
    padding-left: 15.5vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li:not(:last-child) {
  margin-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li:not(:last-child) {
    margin-bottom: 6.25vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li .time {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background: #000;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li .time {
    width: 13.125vw;
    height: 13.125vw;
    font-size: 3.5vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li .step {
  max-width: 522px;
  width: 100%;
  min-height: 51px;
  border: 1px solid #1297d3;
  border-radius: 10px;
  padding: 12px 24px 12px calc(24px + 1em);
  text-indent: -1em;
  position: relative;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li .step {
    max-width: 74.5vw;
    min-height: 11vw;
    border-radius: 2.2vw;
    font-size: 3.5vw;
    padding: 2.5vw 3vw 2.5vw calc(5.25vw + 1em);
  }
}
.service .inheritanceTax .point01_contentsWrap ol li .step::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 8px solid #000000;
  border-bottom: 0;
  bottom: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li .step::before {
    border-right: 1.5vw solid transparent;
    border-left: 1.5vw solid transparent;
    border-top: 1.75vw solid #000000;
    bottom: -3.75vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li:last-child .step::before {
  display: none;
}
.service .inheritanceTax .point01_contentsWrap ol li .supplement {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 390px;
  width: 100%;
  padding: 20px 25px 20px 35px;
  background-color: #1297d3;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  line-height: 1.3125;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li .supplement {
    right: 0;
    font-size: 3.5vw;
    max-width: 85.5vw;
    padding: 4.25vw 7vw 4.25vw 8.5vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li .supplement::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 29px solid #1297d3;
  border-left: 0;
  left: -29px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li .supplement::before {
    border-top: 1.5vw solid transparent;
    border-bottom: 1.5vw solid transparent;
    border-right: 6.25vw solid #1297d3;
    left: -6.25vw;
  }
}
.service .inheritanceTax .point01_contentsWrap ol li .supplement dl:first-child {
  padding-bottom: 19px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax .point01_contentsWrap ol li .supplement dl:first-child {
    padding-bottom: 4.5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 44px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.75vw;
  }
}
.service .inheritanceTax_point02 h5 {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.14em;
  padding-top: 43px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 h5 {
    -webkit-writing-mode: horizontal-tb;
            writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    font-size: 4.5vw;
    padding-top: 0;
    padding-left: 8.25vw;
  }
}
.service .inheritanceTax_point02 h5::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  background: #1297d3;
  border-radius: 50%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 h5::before {
    width: 6.25vw;
    height: 6.25vw;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0);
            transform: translateY(-50%) translateX(0);
    left: 0;
  }
}
.service .inheritanceTax_point02 .work_itemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 19px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .work_itemWrap {
    gap: 4.75vw;
  }
}
.service .inheritanceTax_point02 .work_itemWrap .work_item {
  max-width: 301px;
  width: 100%;
  min-height: 201px;
  border: 1px solid #1297d3;
  border-radius: 10px;
  padding: 0 22px 24px 25px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .work_itemWrap .work_item {
    max-width: 85.25vw;
    min-height: 55.25vw;
    border-radius: 2.5vw;
    padding: 0 4.5vw 5vw 5vw;
  }
}
.service .inheritanceTax_point02 .work_itemWrap .work_item h6 {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  color: #1297d3;
  text-align: center;
  padding-top: 26px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .work_itemWrap .work_item h6 {
    font-size: 4.5vw;
    padding-top: 6.5vw;
  }
}
.service .inheritanceTax_point02 .work_itemWrap .work_item p {
  font-size: 16px;
  line-height: 1.5;
  padding-top: 12px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .work_itemWrap .work_item p {
    font-size: 3.5vw;
    padding-top: 3.25vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap {
  padding-bottom: 166px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap {
    padding-bottom: 14.25vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs {
  padding-top: 47px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs {
    padding-top: 9vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation {
  max-width: 940px;
  width: 100%;
  border: 1px solid #ed1e79;
  background: #fdf2f6;
  border-radius: 10px;
  padding: 25px 19px 24px 22px;
  margin-top: 19px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation {
    max-width: 85.25vw;
    border-radius: 2.5vw;
    padding: 6.25vw 5vw 7.5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation_ttl {
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  color: #ed1e79;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation_ttl {
    font-size: 4.5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation p {
  font-size: 18px;
  padding: 7px 20px 3px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation p {
    font-size: 3.5vw;
    line-height: 1.5;
    padding: 2.75vw 0 6.25vw 5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.75vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .chart01 {
  max-width: 563px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .chart01 {
    max-width: 75vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .chart02_wrap {
  max-width: 300px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .chart02_wrap {
    max-width: 75vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .simulation_btn {
  margin-top: 11px;
  max-width: 300px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .simulation_btn {
    margin-top: 4.75vw;
    max-width: 75vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .simulation_btn a {
  display: block;
  width: 100%;
  background: #0217a2;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.06em;
  padding: 16.5px 0 16.5px 38px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .simulation_btn a {
    font-size: 3.5vw;
    padding: 4.125vw 0 4.125vw 9.5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .simulation_btn a::before {
  position: absolute;
  content: "";
  background-image: url(../image/service/arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 16px;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .before_occurs .simulation .chart_wrap .simulation_btn a::before {
    width: 2.5vw;
    height: 4vw;
    right: 3.75vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .currently_occurs {
  padding-top: 72px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .currently_occurs {
    padding-top: 12.5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .currently_occurs h5::before {
  background: #0217a2;
}
.service .inheritanceTax_point02 .point02_contentsWrap .currently_occurs .work_itemWrap .work_item {
  border: 1px solid #0217a2;
}
.service .inheritanceTax_point02 .point02_contentsWrap .currently_occurs .work_itemWrap .work_item h6 {
  color: #0217a2;
}
.service .inheritanceTax_point02 .point02_contentsWrap .after_occurs {
  padding-top: 70px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point02 .point02_contentsWrap .after_occurs {
    padding-top: 12.5vw;
  }
}
.service .inheritanceTax_point02 .point02_contentsWrap .after_occurs h5::before {
  background: #39b54a;
}
.service .inheritanceTax_point02 .point02_contentsWrap .after_occurs .work_itemWrap .work_item {
  border: 1px solid #39b54a;
}
.service .inheritanceTax_point02 .point02_contentsWrap .after_occurs .work_itemWrap .work_item h6 {
  color: #39b54a;
}
.service .inheritanceTax_point03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6.25vw;
  }
}
.service .inheritanceTax_point03 .point_ttlWrap {
  max-width: 85px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point_ttlWrap {
    max-width: 85vw;
  }
}
.service .inheritanceTax_point03 .point03_contentsWrap {
  padding-bottom: 118px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point03_contentsWrap {
    padding-bottom: 14vw;
  }
}
.service .inheritanceTax_point03 .point03_contentsWrap .chart_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point03_contentsWrap .chart_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8.75vw;
  }
}
.service .inheritanceTax_point03 .point03_contentsWrap .chart01_wrap {
  max-width: 336px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point03_contentsWrap .chart01_wrap {
    max-width: 85.5vw;
  }
}
.service .inheritanceTax_point03 .point03_contentsWrap .chart02_wrap {
  max-width: 336px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point03_contentsWrap .chart02_wrap {
    max-width: 85.5vw;
  }
}
.service .inheritanceTax_point03 .point03_contentsWrap ul {
  padding-top: 14px;
  padding-left: 2px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point03_contentsWrap ul {
    padding-top: 2.5vw;
    padding-left: 0.5vw;
  }
}
.service .inheritanceTax_point03 .point03_contentsWrap ul li {
  font-size: 10px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point03 .point03_contentsWrap ul li {
    font-size: 2.5vw;
  }
}
.service .inheritanceTax_point04 {
  padding-bottom: 155px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 {
    padding-bottom: 15.5vw;
  }
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 .point_ttlWrap h4 {
    line-height: 1.5238095238;
  }
}
.service .inheritanceTax_point04 .point04_contentsWrap {
  padding-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 18px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 .point04_contentsWrap {
    padding-top: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10vw;
  }
}
.service .inheritanceTax_point04 .point04_contentsWrap .point04_txtWrap {
  max-width: 692px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 .point04_contentsWrap .point04_txtWrap {
    max-width: 85vw;
  }
}
.service .inheritanceTax_point04 .point04_contentsWrap .point04_txtWrap .point04_txt01 {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 .point04_contentsWrap .point04_txtWrap .point04_txt01 {
    font-size: 4vw;
  }
}
.service .inheritanceTax_point04 .point04_contentsWrap .point04_txtWrap .point04_txt02 {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  padding-top: 5px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 .point04_contentsWrap .point04_txtWrap .point04_txt02 {
    font-size: 3.5vw;
    padding-top: 2vw;
  }
}
.service .inheritanceTax_point04 .point04_contentsWrap .point04_img {
  max-width: 330px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point04 .point04_contentsWrap .point04_img {
    max-width: 85vw;
  }
}
.service .inheritanceTax_point05 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point05 {
    padding-bottom: 13.25vw;
  }
}
.service .inheritanceTax_point05 p {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-color);
  padding-top: 31px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point05 p {
    font-size: 4vw;
    padding-top: 5.5vw;
  }
}
.service .inheritanceTax_point06 {
  padding-bottom: 165px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point06 {
    padding-bottom: 11.5vw;
  }
}
.service .inheritanceTax_point06 .point_ttlWrap h4 {
  letter-spacing: 0;
}
.service .inheritanceTax_point06 p {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-color);
  padding-top: 31px;
}
@media only screen and (max-width: 768px) {
  .service .inheritanceTax_point06 p {
    font-size: 4vw;
    padding-top: 5.5vw;
  }
}
.service .realEstate .support_ttl {
  background-color: #037dd0;
}
.service .realEstate_cont01 {
  margin-top: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--text-color);
  padding: 46px 70px 40px 95px;
  gap: 105px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 {
    margin-top: 7.5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 7.5vw 5vw 7.75vw;
    gap: 6.5vw;
  }
}
.service .realEstate_cont01 .realEstate_contTtl_wrap {
  max-width: 238px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 .realEstate_contTtl_wrap {
    max-width: 100%;
  }
}
.service .realEstate_cont01 .realEstate_contTtl_wrap .realEstate_contSubTtl {
  max-width: 182px;
  width: 100%;
  padding-bottom: 6px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 .realEstate_contTtl_wrap .realEstate_contSubTtl {
    max-width: 41.5vw;
    padding-bottom: 1.25vw;
  }
}
.service .realEstate_cont01 .realEstate_contTtl_wrap h4 {
  font-size: 36px;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 .realEstate_contTtl_wrap h4 {
    font-size: 7.5vw;
  }
}
.service .realEstate_cont01 .realEstate_contList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-color);
  gap: 80px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 .realEstate_contList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.service .realEstate_cont01 .realEstate_contList li {
  font-size: 16px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 .realEstate_contList li {
    font-size: 4vw;
  }
}
.service .realEstate_cont01 .realEstate_contList li:not(:last-child) {
  padding-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont01 .realEstate_contList li:not(:last-child) {
    padding-bottom: 0;
  }
}
.service .realEstate_cont02 {
  padding-top: 91px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont02 {
    padding-top: 11.5vw;
  }
}
.service .realEstate_cont02 p {
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont02 p {
    font-size: 4vw;
    line-height: 1.75;
  }
}
.service .realEstate_cont02 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 53px;
  text-align: center;
  padding-top: 14px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont02 ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 13.25vw;
    padding-top: 5.25vw;
  }
}
.service .realEstate_cont02 ul li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0;
  color: var(--text-color);
  border: 1px solid var(--text-color);
  width: 121px;
  height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .service .realEstate_cont02 ul li:not(:last-child)::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #000000;
    border-right: 0;
    right: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont02 ul li {
    font-size: 4vw;
    width: 30.25vw;
    height: 36.25vw;
  }
  .service .realEstate_cont02 ul li:nth-child(1)::before, .service .realEstate_cont02 ul li:nth-child(2)::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.75vw solid transparent;
    border-bottom: 1.75vw solid transparent;
    border-left: 2vw solid #000000;
    border-right: 0;
    right: -7.75vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .service .realEstate_cont02 ul li:nth-child(3) {
    margin-left: 11.25vw;
  }
  .service .realEstate_cont02 ul li:nth-child(3)::before, .service .realEstate_cont02 ul li:nth-child(4)::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.75vw solid transparent;
    border-bottom: 1.75vw solid transparent;
    border-left: 2vw solid #000000;
    border-right: 0;
    left: -7.75vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.service .realEstate_cont03 {
  padding-top: 124px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont03 {
    padding-top: 14.5vw;
  }
}
.service .realEstate_cont03 p {
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont03 p {
    font-size: 4vw;
    line-height: 1.75;
    letter-spacing: 0.08em;
  }
}
.service .realEstate_cont03 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 27px 25px;
  padding-top: 13px;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont03 ul {
    gap: 2.5vw;
    padding-top: 4.5vw;
  }
}
.service .realEstate_cont03 ul li {
  max-width: 330px;
  width: 100%;
  min-height: 100px;
  background: #f2f2f2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.02em;
  padding: 13px 18px;
  color: var(--text-color);
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont03 ul li {
    max-width: 85vw;
    border-radius: 2.5vw;
    font-size: 4vw;
    padding: 3.25vw 4.5vw;
  }
}
.service .realEstate_cont03 small {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  padding-top: 13px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .service .realEstate_cont03 small {
    font-size: 3vw;
    padding-top: 4.25vw;
  }
}
.service .lifePlan {
  padding-top: 155px;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan {
    padding-top: 13.25vw;
  }
}
.service .lifePlan .support_ttl {
  background-color: #475eba;
}
.service .lifePlan_cont {
  margin-top: 84px;
  max-width: 1040px;
  width: 100%;
  min-height: 344px;
  border: 1px solid var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 98px;
  padding-right: 90px;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont {
    margin-top: 7vw;
    max-width: 85vw;
    min-height: auto;
    padding: 7.5vw 5vw 7.75vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.service .lifePlan_cont .lifePlan_contTtl_wrap .lifePlan_contSubTtl {
  width: 160px;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont .lifePlan_contTtl_wrap .lifePlan_contSubTtl {
    width: 40vw;
  }
}
.service .lifePlan_cont .lifePlan_contTtl_wrap h4 {
  font-size: 36px;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont .lifePlan_contTtl_wrap h4 {
    font-size: 7.5vw;
    line-height: 1.8;
  }
}
.service .lifePlan_cont .lifePlan_contList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-color);
  gap: 118px;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont .lifePlan_contList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-top: 5.25vw;
  }
}
.service .lifePlan_cont .lifePlan_contList li {
  font-size: 16px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont .lifePlan_contList li {
    font-size: 4vw;
  }
}
.service .lifePlan_cont .lifePlan_contList li:not(:last-child) {
  padding-bottom: 48px;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont .lifePlan_contList li:not(:last-child) {
    padding-bottom: 0;
  }
}
.service .lifePlan_cont .lifePlan_contList > div:last-child li:first-child {
  padding-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .service .lifePlan_cont .lifePlan_contList > div:last-child li:first-child {
    padding-bottom: 0;
  }
}
.service .expert {
  padding-top: 95px;
}
@media only screen and (max-width: 768px) {
  .service .expert {
    padding-top: 15vw;
  }
}
.service .expert .support_ttl {
  background-color: #6949b8;
}
.service .expert_cont {
  margin-top: 86px;
  max-width: 1040px;
  width: 100%;
  min-height: 344px;
  border: 1px solid var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 98px;
  padding-right: 90px;
}
@media only screen and (max-width: 768px) {
  .service .expert_cont {
    margin-top: 11.5vw;
    max-width: 85vw;
    min-height: auto;
    padding: 7.5vw 5vw 7.75vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.service .expert_cont .expert_contTtl_wrap .expert_contSubTtl {
  width: 140px;
}
@media only screen and (max-width: 768px) {
  .service .expert_cont .expert_contTtl_wrap .expert_contSubTtl {
    width: 40vw;
  }
}
.service .expert_cont .expert_contTtl_wrap h4 {
  font-size: 36px;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .expert_cont .expert_contTtl_wrap h4 {
    font-size: 7.5vw;
    line-height: 1.8;
  }
}
.service .expert_cont .expert_contList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-color);
  gap: 138px;
}
@media only screen and (max-width: 768px) {
  .service .expert_cont .expert_contList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-top: 5.25vw;
  }
}
.service .expert_cont .expert_contList li {
  font-size: 16px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .service .expert_cont .expert_contList li {
    font-size: 4vw;
  }
}
.service .expert_cont .expert_contList li:not(:last-child) {
  padding-bottom: 44px;
}
@media only screen and (max-width: 768px) {
  .service .expert_cont .expert_contList li:not(:last-child) {
    padding-bottom: 0;
  }
}
.service .csr {
  padding-top: 196px;
  padding-bottom: 121px;
}
@media only screen and (max-width: 768px) {
  .service .csr {
    padding-top: 15vw;
    padding-bottom: 7.5vw;
  }
}
.service .csr .support_ttl {
  background-color: #6949b8;
}
.service .csr_cont {
  margin-top: 84px;
  max-width: 1040px;
  width: 100%;
  min-height: 344px;
  border: 1px solid var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 98px;
  padding-right: 33px;
}
@media only screen and (max-width: 768px) {
  .service .csr_cont {
    margin-top: 12.5vw;
    max-width: 85vw;
    min-height: auto;
    padding: 7.5vw 2.5vw 7.75vw 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.service .csr_cont .csr_contTtl_wrap .csr_contSubTtl {
  width: 116px;
}
@media only screen and (max-width: 768px) {
  .service .csr_cont .csr_contTtl_wrap .csr_contSubTtl {
    width: 40vw;
  }
}
.service .csr_cont .csr_contTtl_wrap h4 {
  font-size: 36px;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .service .csr_cont .csr_contTtl_wrap h4 {
    font-size: 7.5vw;
    line-height: 1.8;
  }
}
.service .csr_cont .csr_contList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-color);
  gap: 122px;
}
@media only screen and (max-width: 768px) {
  .service .csr_cont .csr_contList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-top: 5.25vw;
  }
}
.service .csr_cont .csr_contList li {
  font-size: 16px;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .service .csr_cont .csr_contList li {
    font-size: 4vw;
  }
}
.service .csr_cont .csr_contList li:not(:last-child) {
  padding-bottom: 64px;
}
@media only screen and (max-width: 768px) {
  .service .csr_cont .csr_contList li:not(:last-child) {
    padding-bottom: 0;
  }
}
.service .csr .workList_btn {
  max-width: 331px;
  width: 100%;
  min-height: 51px;
  margin: 45px auto 0;
}
@media only screen and (max-width: 768px) {
  .service .csr .workList_btn {
    max-width: 85vw;
    min-height: 12.75vw;
    margin-top: 7.5vw;
  }
}
.service .csr .workList_btn a {
  font-size: 16px;
  letter-spacing: 0;
  color: var(--text-color);
  border: 1px solid var(--text-color);
  display: block;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .service .csr .workList_btn a {
    font-size: 4vw;
    padding: 3vw 0;
  }
}
.service .csr .workList_btn a::before {
  position: absolute;
  content: "";
  background-image: url(../image/service/arrow02.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 16px;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .service .csr .workList_btn a::before {
    width: 2vw;
    height: 3.5vw;
    right: 4.75vw;
  }
}

.about_us h4 {
  font-size: 36px;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 768px) {
  .about_us h4 {
    font-size: 5.25vw;
    line-height: 1;
  }
}
.about_us .section_ttl {
  margin-top: 99px;
  margin-bottom: 91px;
}
@media only screen and (max-width: 768px) {
  .about_us .section_ttl {
    margin-top: 8.75vw;
    margin-bottom: 8vw;
  }
}
.about_us .greeting {
  background: #f0f6f7;
  padding-top: 87px;
  padding-bottom: 65px;
}
@media only screen and (max-width: 768px) {
  .about_us .greeting {
    padding-top: 17.5vw;
    padding-bottom: 15.5vw;
  }
}
.about_us .greeting .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 115px;
}
@media only screen and (max-width: 768px) {
  .about_us .greeting .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9vw;
  }
}
.about_us .greeting_txt p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0em;
  padding-top: 35px;
}
@media only screen and (max-width: 768px) {
  .about_us .greeting_txt p {
    font-size: 3.5vw;
    padding-top: 5.25vw;
  }
}
.about_us .greeting_img {
  max-width: 330px;
  width: 100%;
}
.about_us .greeting_img .representative_img {
  padding-bottom: 17px;
}
@media only screen and (max-width: 768px) {
  .about_us .greeting_img .representative_img {
    padding-bottom: 4.5vw;
  }
}
.about_us .greeting_img .representativeSign_img {
  background-color: #f0f6f7;
  max-width: 280px;
  width: 100%;
  margin-inline: auto 0;
  padding-right: 7px;
}
@media only screen and (max-width: 768px) {
  .about_us .greeting_img .representativeSign_img {
    max-width: 72vw;
    padding-right: 1.75vw;
  }
}
.about_us .greeting_img .representativeSign_img img {
  mix-blend-mode: multiply;
}
.about_us .reason {
  padding-top: 133px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .about_us .reason {
    padding-top: 38.5vw;
  }
}
.about_us .reason::before {
  position: absolute;
  content: "";
  background-image: url(../image/about/reason_bgImg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 510px;
  height: 514px;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .about_us .reason::before {
    width: 85vw;
    height: 85.5vw;
    top: 11.25vw;
  }
}
.about_us .reason h4 {
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 768px) {
  .about_us .reason h4 {
    letter-spacing: 0;
    line-height: 1.2;
  }
}
.about_us .reason h4 span {
  color: var(--text-color);
  border-bottom: 1px solid var(--text-color);
}
.about_us .reason_items {
  padding-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .about_us .reason_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4.75vw;
  }
}
.about_us .reason_items .reason_item {
  max-width: 245px;
  width: 100%;
  border: 1px solid var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 38px 9px 12px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 768px) {
  .about_us .reason_items .reason_item {
    min-width: 95vw;
    padding: 6.75vw 5vw 5vw;
  }
}
.about_us .reason_items .reason_item h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
  border-bottom: 1px solid var(--text-color);
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .about_us .reason_items .reason_item h5 {
    font-size: 4vw;
  }
}
.about_us .reason_items .reason_item p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 31px 0 0 3px;
}
@media only screen and (max-width: 768px) {
  .about_us .reason_items .reason_item p {
    font-size: 4vw;
    line-height: 2;
    padding: 6.25vw 0 0;
  }
}
.about_us .reason_items .reason_item::before {
  position: absolute;
  content: "";
  background-image: url(../image/about/reason_num01.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 110px;
  height: 80px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .about_us .reason_items .reason_item::before {
    width: 27vw;
    height: 20vw;
  }
}
.about_us .reason_items .reason_item:nth-child(2)::before {
  background-image: url(../image/about/reason_num02.png);
}
@media only screen and (max-width: 768px) {
  .about_us .reason_items .reason_item:nth-child(2) h5 {
    padding: 0 5vw;
  }
}
.about_us .reason_items .reason_item:nth-child(3)::before {
  background-image: url(../image/about/reason_num03.png);
}
.about_us .reason_items .reason_item:nth-child(4)::before {
  background-image: url(../image/about/reason_num04.png);
}
.about_us .philosophy {
  padding-top: 126px;
}
@media only screen and (max-width: 768px) {
  .about_us .philosophy {
    padding-top: 18vw;
  }
}
.about_us .philosophy p {
  font-size: 16px;
  line-height: 2;
  padding-top: 24px;
}
@media only screen and (max-width: 768px) {
  .about_us .philosophy p {
    font-size: 3.5vw;
    letter-spacing: -0.06em;
    padding-top: 3.5vw;
  }
}
.about_us .attempt {
  padding-top: 123px;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt {
    padding-top: 17.75vw;
  }
}
.about_us .attempt .inner > p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.02em;
  padding-top: 36px;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt .inner > p {
    font-size: 3.5vw;
    padding-top: 4vw;
  }
}
.about_us .attempt_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 22px 28px;
  padding-top: 9px;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt_items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 3vw;
  }
}
.about_us .attempt_items .attempt_item {
  max-width: 506px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 14px);
          flex: 1 1 calc(50% - 14px);
  border: 1px solid var(--text-color);
  border-radius: 10px;
  padding: 20px 20px 24px;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt_items .attempt_item {
    max-width: 85vw;
    gap: 4.75vw;
    border-radius: 2.5vw;
    padding: 6vw 5vw 5.5vw;
  }
}
.about_us .attempt_items .attempt_item h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
  letter-spacing: 0.02px;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt_items .attempt_item h5 {
    font-size: 4vw;
  }
}
.about_us .attempt_items .attempt_item p {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt_items .attempt_item p {
    font-size: 3vw;
  }
}
.about_us .attempt_items .attempt_item .attempt_anchor {
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt_items .attempt_item .attempt_anchor {
    padding-top: 5.5vw;
  }
}
.about_us .attempt_items .attempt_item .attempt_anchor a {
  font-size: 16px;
  letter-spacing: 0;
  border-bottom: 1px solid #000;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .about_us .attempt_items .attempt_item .attempt_anchor a {
    font-size: 4vw;
  }
}
.about_us .overview-access {
  background: #f2f2f2;
  padding-top: 105px;
  padding-bottom: 115px;
  margin-top: 95px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access {
    padding-top: 7.5vw;
    padding-bottom: 5vw;
    margin-top: 7.25vw;
  }
}
.about_us .overview-access .inner {
  background: #fff;
}
.about_us .overview-access .overview {
  padding-top: 91px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview {
    padding-top: 25.75vw;
  }
}
.about_us .overview-access .overview h4 {
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 23px;
  max-width: 710px;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview h4 {
    font-size: 9vw;
    padding-bottom: 9.75vw;
  }
}
.about_us .overview-access .overview_data {
  text-align: left;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 2.2857142857;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview_data {
    font-size: 3.5vw;
  }
}
.about_us .overview-access .overview_data > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 32px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview_data > dl {
    padding-top: 8vw;
  }
}
.about_us .overview-access .overview_data > dl > dt {
  max-width: 290px;
  width: 100%;
  padding-left: 126px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview_data > dl > dt {
    max-width: 42.5vw;
    padding-left: 2.5vw;
  }
}
.about_us .overview-access .overview_data > dl > dd {
  max-width: 290px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview_data > dl > dd {
    max-width: 42.5vw;
  }
}
.about_us .overview-access .overview_data .expert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.about_us .overview-access .overview_data .expert dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .overview_data .expert dl {
    gap: 3.75vw;
  }
}
.about_us .overview-access .access {
  text-align: center;
  padding-top: 125px;
  padding-bottom: 132px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access {
    padding-top: 20vw;
    padding-bottom: 5vw;
  }
}
.about_us .overview-access .access h4 {
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 23px;
  max-width: 710px;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access h4 {
    font-size: 9vw;
    padding-bottom: 9.75vw;
  }
}
.about_us .overview-access .access_info {
  text-align: left;
  max-width: 710px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access_info {
    max-width: 85vw;
    padding-top: 13.25vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.about_us .overview-access .access_info .info-txt {
  font-size: 14px;
  line-height: 2.2857142857;
  letter-spacing: 0.02em;
  max-width: 360px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access_info .info-txt {
    font-size: 3.5vw;
    max-width: 85vw;
  }
}
.about_us .overview-access .access_info .info-txt .address-info {
  padding-top: 32px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access_info .info-txt .address-info {
    padding-top: 7.5vw;
  }
}
.about_us .overview-access .access_info .info-img {
  max-width: 330px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access_info .info-img {
    max-width: 85vw;
  }
}
.about_us .overview-access .access_info .info-img .company-img {
  padding-bottom: 19px;
}
@media only screen and (max-width: 768px) {
  .about_us .overview-access .access_info .info-img .company-img {
    padding-bottom: 4.75vw;
  }
}
.about_us .overview-access .access_info .info-img .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 55.3%;
}
.about_us .overview-access .access_info .info-img .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.csr .mv .page_ttl {
  background-image: url(/assets/image/mv_img03_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .csr .mv .page_ttl {
    background-image: url(/assets/image/mv_img03_sp.jpg);
  }
}
.csr .mv .page_ttl h2 {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  padding-top: 53px;
  padding-bottom: 33px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .csr .mv .page_ttl h2 {
    font-size: 8vw;
    padding-top: 12.75vw;
    padding-bottom: 10vw;
  }
}
.csr .mv .page_ttl h2::before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  bottom: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .csr .mv .page_ttl h2::before {
    width: 2.5vw;
    height: 2.5vw;
    bottom: 5vw;
    border-radius: 1.25vw;
  }
}
.csr .mv .page_ttl p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .csr .mv .page_ttl p {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: left;
    max-width: 95vw;
    width: 100%;
    padding: 0 5vw 11.25vw;
    margin: 0 auto;
  }
}
.csr .section_ttl {
  margin-top: 99px;
  margin-bottom: 52px;
}
@media only screen and (max-width: 768px) {
  .csr .section_ttl {
    margin-top: 8.75vw;
    margin-bottom: 8vw;
  }
}
.csr .section_ttl h3 {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.5;
  padding-bottom: 18px;
}
@media only screen and (max-width: 768px) {
  .csr .section_ttl h3 {
    font-size: 5.25vw;
    letter-spacing: 0.07em;
    line-height: 1.7142857143;
    word-break: break-all;
    padding-bottom: 2.5vw;
  }
}
.csr .section_ttl p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .csr .section_ttl p {
    font-size: 3.5vw;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 768px) {
  .csr .attempt {
    max-width: 95vw;
    padding: 0 5vw;
    margin: 0 auto;
  }
}
.csr .attempt .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 1401px) {
  .csr .attempt .content {
    gap: 3.5vw;
  }
}
@media only screen and (max-width: 1200px) {
  .csr .attempt .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.25vw;
    padding-bottom: 12.5vw;
  }
}
.csr .attempt .content_img {
  max-width: 700px;
  width: 100%;
  margin-left: calc(50% - 50vw);
}
@media only screen and (min-width: 1401px) {
  .csr .attempt .content_img {
    max-width: 49.8571428571%;
  }
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_img {
    max-width: 85vw;
    margin-left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_R {
    display: contents;
  }
}
.csr .attempt .content_txt {
  max-width: 520px;
  width: 100%;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_txt {
    max-width: 85vw;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.csr .attempt .content_txt h4 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
  padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_txt h4 {
    font-size: 5.25vw;
    line-height: 1.7142857143;
    padding-bottom: 0.5vw;
  }
}
.csr .attempt .content_txt p {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0em;
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_txt p {
    font-size: 3.5vw;
    line-height: 1.7142857143;
  }
}
.csr .attempt .content_img_below {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding-top: 25px;
  max-width: 520px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_img_below {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    gap: 3vw;
    max-width: 82.5vw;
    padding-top: 0vw;
  }
}
.csr .attempt .content_img_below .below_img {
  max-width: 250px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .csr .attempt .content_img_below .below_img {
    max-width: 39.5vw;
  }
}

.staff .inner {
  max-width: 750px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .staff .inner {
    max-width: 100vw;
    padding: 0 7.5vw;
  }
}
.staff .representative {
  margin-top: 109px;
}
@media only screen and (max-width: 768px) {
  .staff .representative {
    margin-top: 7vw;
  }
}
.staff .representative_contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  .staff .representative_contentWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7.25vw;
  }
}
.staff .representative_contentImg {
  max-width: 330px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .staff .representative_contentImg {
    max-width: 85vw;
  }
}
.staff .representative_contentTxtWrap {
  max-width: 355px;
  width: 100%;
  margin-top: -7px;
}
@media only screen and (max-width: 768px) {
  .staff .representative_contentTxtWrap {
    max-width: 85vw;
    margin-top: 0;
  }
}
.staff .representative_contentTxtWrap p {
  letter-spacing: 0.02em;
}
.staff .representative_contentTxtWrap p:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .staff .representative_contentTxtWrap p:first-child {
    font-size: 3.5vw;
  }
}
.staff .representative_contentTxtWrap p:last-child {
  font-size: 14px;
  line-height: 1.7142857143;
  text-align: right;
  padding-top: 22px;
}
@media only screen and (max-width: 768px) {
  .staff .representative_contentTxtWrap p:last-child {
    font-size: 3.5vw;
    line-height: 2;
    padding-top: 5.75vw;
  }
}
.staff .member {
  margin-top: 161px;
}
@media only screen and (max-width: 768px) {
  .staff .member {
    margin-top: 22.75vw;
  }
}
.staff .member_ttl {
  padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .staff .member_ttl {
    padding-bottom: 6.75vw;
  }
}
.staff .member_ttl h3 {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}
@media only screen and (max-width: 768px) {
  .staff .member_ttl h3 {
    font-size: 7.5vw;
    line-height: 1.8;
    padding-bottom: 4vw;
    border-bottom: 0.25vw solid #000;
  }
}
.staff .member_contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 110px 50px;
}
@media only screen and (max-width: 768px) {
  .staff .member_contentWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13.75vw;
  }
}
.staff .member_contentWrap .member_wrap {
  max-width: 330px;
  min-width: 330px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .staff .member_contentWrap .member_wrap {
    max-width: 85vw;
  }
}
.staff .member_contentWrap .member_wrap .member_txtWrap {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.14em;
  padding-top: 24px;
}
@media only screen and (max-width: 768px) {
  .staff .member_contentWrap .member_wrap .member_txtWrap {
    font-size: 4vw;
    padding-top: 4.25vw;
  }
}
.staff .member_contentWrap .member_wrap .member_txtWrap .job {
  padding-bottom: 8px;
}
.staff .member:last-child {
  padding-bottom: 176px;
}
@media only screen and (max-width: 768px) {
  .staff .member:last-child {
    padding-bottom: 19.25vw;
  }
}

.news {
  /*-------------------------------------------------------------------
  info
  /*-------------------------------------------------------------------*/
}
.news .mv .page_ttl {
  background-image: url(/assets/image/mv_img04_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .news .mv .page_ttl {
    background-image: url(/assets/image/mv_img04_sp.jpg);
  }
}
.news .info {
  background: #f2f2f2;
  padding: 76px 0 140px;
}
@media only screen and (max-width: 768px) {
  .news .info {
    padding: 10vw 0 20vw;
  }
}
.news .info_wrap {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .news .info_wrap {
    margin-top: 0vw;
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .news .info_btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1vw;
    margin-bottom: 10vw;
  }
}
.news .info_btn {
  width: 292px;
  min-height: 50px;
  background: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 0 30px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .news .info_btn {
    width: 42vw;
    height: 12.5vw;
    min-height: 12.5vw;
    padding: 0 5vw;
  }
}
.news .info_btn::before, .news .info_btn::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.news .info_btn::before {
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  right: 20px;
}
@media only screen and (max-width: 768px) {
  .news .info_btn::before {
    width: 3.5vw;
    height: 3.5vw;
    right: 5vw;
  }
}
.news .info_btn::after {
  width: 8px;
  height: 8px;
  background: #fff;
  right: 23px;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .news .info_btn::after {
    width: 2vw;
    height: 2vw;
    right: 5.75vw;
  }
}
.news .info_btn:not(:first-of-type) {
  margin-top: 3px;
}
@media only screen and (max-width: 768px) {
  .news .info_btn:not(:first-of-type) {
    margin-top: 0;
  }
}
.news .info_btn span {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .news .info_btn span {
    font-size: 4vw;
  }
}
.news .info_btn.active {
  background: var(--text-color);
  height: 64px;
}
@media only screen and (max-width: 768px) {
  .news .info_btn.active {
    height: 12.5vw;
  }
}
.news .info_btn.active::after {
  opacity: 1;
}
.news .info_btn.active span {
  font-size: 18px;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .news .info_btn.active span {
    font-size: 4vw;
  }
}
.news .info_contents_wrap {
  width: calc(100% - 292px - 12px);
  height: auto;
}
@media only screen and (max-width: 768px) {
  .news .info_contents_wrap {
    width: 100%;
    margin-top: 1vw;
  }
}
.news .info_contents {
  display: none;
  background: #fff;
  height: 100%;
  padding: 30px 28px;
}
@media only screen and (max-width: 768px) {
  .news .info_contents {
    padding: 7.5vw 2.5vw 9.25vw;
  }
}
.news .info_contents.active {
  display: block;
}
.news .info_item {
  border-bottom: 1px solid #c1c1c1;
  height: 67px;
}
@media only screen and (max-width: 768px) {
  .news .info_item {
    height: auto;
  }
}
.news .info_item:first-of-type {
  border-top: 1px solid #c1c1c1;
}
@media only screen and (max-width: 768px) {
  .news .info_item:nth-of-type(4) {
    display: none;
  }
}
.news .info_item a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10px 12px 10px 24px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .news .info_item a {
    padding: 4vw 3vw 4vw 2.5vw;
  }
}
.news .info_item a:hover {
  opacity: 0.7;
}
.news .info_item_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 54px;
  color: #808080;
}
@media only screen and (max-width: 768px) {
  .news .info_item_data {
    gap: 12.5vw;
  }
}
.news .info_item_date, .news .info_item_cat {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .news .info_item_date, .news .info_item_cat {
    font-size: 3vw;
  }
}
.news .info_item_ttl {
  font-size: 16px;
  line-height: 1.1875;
  margin-top: 6px;
}
@media only screen and (max-width: 768px) {
  .news .info_item_ttl {
    font-size: 3.5vw;
    margin-top: 1.75vw;
  }
}
.news .info .btn {
  margin: 54px auto 0;
}
@media only screen and (max-width: 768px) {
  .news .info .btn {
    margin: 6vw auto 0;
  }
}
.news .wp-pagenavi {
  margin: 0 auto;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .news .wp-pagenavi {
    margin-top: 10vw;
    font-size: 4vw;
    gap: 2.5vw;
  }
}
.news .wp-pagenavi .current {
  background: #333;
  color: #fff;
}
.news .wp-pagenavi .current,
.news .wp-pagenavi a {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .news .wp-pagenavi .current,
  .news .wp-pagenavi a {
    width: 5.75vw;
    height: 5.75vw;
  }
}

/*-------------------------------------------------------------------
news_detail
/*-------------------------------------------------------------------*/
.news.detail .info {
  background-color: #F0F6F7;
}
@media only screen and (max-width: 768px) {
  .news.detail .info {
    padding-top: 5vw;
  }
}
@media only screen and (max-width: 768px) {
  .news.detail .inner {
    padding: 0 0vw;
    max-width: calc(100% - 5vw);
  }
}
.news.detail .news_detail {
  background-color: #fff;
  padding: 15px 15px 50px;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detail {
    padding: 5vw 5vw 5vw;
  }
}
.news.detail .news_detailTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  margin-bottom: 60px;
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailTop {
    gap: 12.5vw;
    margin-bottom: 5vw;
    margin-left: 0vw;
  }
}
.news.detail .news_detailTop_date, .news.detail .news_detailTop_cat {
  font-size: 12px;
  color: #808080;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailTop_date, .news.detail .news_detailTop_cat {
    font-size: 3vw;
  }
}
.news.detail .news_detailInner {
  width: 710px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailInner {
    width: 100%;
  }
}
.news.detail .news_detail_ttl {
  font-size: 24px;
  line-height: 1.55;
  margin-top: 15px;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 23px;
  text-align: center;
  font-weight: 500;
  padding-bottom: 35px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detail_ttl {
    font-size: 4.5vw;
    padding-bottom: 3.75vw;
    margin-bottom: 5vw;
    text-align: left;
  }
}
.news.detail .entry-content {
  font-size: 16px;
  line-height: 1.8;
}
.news.detail .entry-content p {
  margin-bottom: 20px;
}
.news.detail .news_detailPager {
  width: 710px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailPager {
    width: 100%;
    margin-top: 17.5vw;
    padding-bottom: 17.5vw;
    position: relative;
  }
}
.news.detail .news_detailPagerLink {
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailPagerLink {
    font-size: 4vw;
  }
}
.news.detail .news_detailPagerLink.prev {
  background-image: url(/assets/image/news/arrow01.svg);
  background-size: 9px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: 3% 35%;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailPagerLink.prev {
    background-size: 2.25vw;
    padding-left: 6.25vw;
    background-position: 3% 35%;
  }
}
.news.detail .news_detailPagerLink.next {
  background-image: url(/assets/image/news/arrow02.svg);
  background-size: 9px;
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: 97% 35%;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailPagerLink.next {
    background-size: 2.25vw;
    padding-right: 6.25vw;
    background-position: 97% 35%;
  }
}
.news.detail .news_detailPagerBackBtn {
  width: 330px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: #0217A2;
  border: 1px solid #0217A2;
  padding-top: 2px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .news.detail .news_detailPagerBackBtn {
    width: 85vw;
    height: 12.5vw;
    font-size: 4vw;
    padding-top: 0.5vw;
    position: absolute;
    bottom: 0;
  }
}

.contact .mv .page_ttl {
  background-image: url(/assets/image/mv_img04_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  .contact .mv .page_ttl {
    background-image: url(/assets/image/mv_img04_sp.jpg);
  }
}
.contact .contact_top {
  padding: 100px 0;
}
@media only screen and (max-width: 768px) {
  .contact .contact_top {
    padding: 5vw 0 20vw;
  }
}
.contact .contact_top .contact_topRead {
  font-size: 24px;
  line-height: 1.55;
  margin-top: 15px;
  padding-bottom: 45px;
  text-align: center;
  line-height: 2.25;
}
@media only screen and (max-width: 768px) {
  .contact .contact_top .contact_topRead {
    font-size: 4vw;
    padding-bottom: 5vw;
    line-height: 1.5;
  }
}
.contact .contact_top .contact_topImg {
  width: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .contact .contact_top .contact_topImg {
    width: 85vw;
    margin-top: 0 auto;
  }
}

.contact_form {
  width: 710px;
  margin: 0 auto;
  padding-bottom: 150px;
  /* iOSでのデフォルトスタイルをリセット */
}
@media only screen and (max-width: 768px) {
  .contact_form {
    width: 85vw;
    margin: 0 auto;
    padding-bottom: 25vw;
  }
}
.contact_form .contact_form_ttl {
  font-size: 36px;
  line-height: 1.5;
  padding-bottom: 30px;
  border-bottom: 1px solid #000000;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contact_form .contact_form_ttl {
    font-size: 7.5vw;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
  }
}
.contact_form .contact_form_txt {
  margin-top: 20px;
  font-size: 12px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .contact_form .contact_form_txt {
    font-size: 3vw;
    margin-bottom: 5vw;
    text-align: center;
  }
}
.contact_form th {
  width: 300px;
  font-size: 16px;
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  font-weight: 500;
  position: relative;
  vertical-align: baseline;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .contact_form th {
    width: 100%;
    display: block;
    font-size: 4vw;
    padding-top: 3.75vw;
    padding-bottom: 0vw;
  }
}
.contact_form td {
  width: calc(100% - 300px);
  font-size: 16px;
  line-height: 1.5;
  padding-top: 15px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .contact_form td {
    width: 100%;
    display: block;
    font-size: 3.5vw;
    padding-top: 1.75vw;
    padding-bottom: 3vw;
  }
}
.contact_form .wpcf7-list-item {
  display: block;
  margin-bottom: 20px;
}
.contact_form .wpcf7-list-item input {
  margin-right: 10px;
}
.contact_form .wpcf7-list-item.last {
  margin-bottom: 0;
}
.contact_form .wpcf7-list-item input[type=checkbox] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (max-width: 768px) {
  .contact_form .wpcf7-list-item input[type=checkbox] {
    width: 5vw;
    height: 5vw;
    vertical-align: -5px;
  }
}
.contact_form .wpcf7-list-item input[type=checkbox]:checked:before {
  position: absolute;
  top: 0px;
  left: 5px;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  width: 7px;
  height: 15px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: "";
}
@media only screen and (max-width: 768px) {
  .contact_form .wpcf7-list-item input[type=checkbox]:checked:before {
    width: 1.75vw;
    height: 3.75vw;
    top: 0vw;
    left: 1.25vw;
  }
}
.contact_form .wpcf7-list-item input[type=checkbox] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact_form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 315px;
  height: 40px;
  border: 1px solid #000;
  padding: 0 20px;
  border-radius: 7px;
  border: none;
  background-color: #F2F2F2;
  position: relative;
  background-image: url(/assets/image/contact/arrow01.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
@media only screen and (max-width: 768px) {
  .contact_form select {
    width: 100%;
    background-size: 3.5vw;
    background-position: right 5vw center;
    background-position: right 20px center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel], .contact_form textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 355px;
  min-height: 40px;
  padding: 0 20px;
  border-radius: 7px;
  border: none;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 768px) {
  .contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel], .contact_form textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.contact_form textarea {
  padding-top: 15px;
  height: 40px;
}
.contact_form .last-checkbox {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .contact_form .last-checkbox {
    padding-top: 7.5vw;
    padding-bottom: 5vw;
  }
}
.contact_form input[type=submit],
.contact_form input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact_form input[type=submit]::-webkit-search-decoration,
.contact_form input[type=button]::-webkit-search-decoration {
  display: none;
}
.contact_form input[type=submit]::focus,
.contact_form input[type=button]::focus {
  outline-offset: -2px;
}
.contact_form .submit {
  width: 330px;
  height: 50px;
  border: none;
  background-color: #0217A2;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.contact_form .back.wpcf7-previous {
  width: 330px;
  height: 50px;
  border: none;
  background-color: #666;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.contact_form .wpcf7-submit {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .contact_form .wpcf7-submit {
    margin-top: 7.5vw;
  }
}
.contact_form .contact_formIco {
  width: 40px;
  height: 20px;
  background-color: #0217A2;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  right: 75px;
}
@media only screen and (max-width: 768px) {
  .contact_form .contact_formIco {
    position: static;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.contact_form .contact_formIco.any {
  background-color: #808080;
}/*# sourceMappingURL=style.css.map */