@charset "UTF-8";
:root {
  /* 濃い青 */
  --blu01: #004E9D;
  /* 濃い灰色 */
  --gry01: #3E3A39;
  /* 背景用、ほんのり灰色 */
  --bg01: #F5F5F5;
  --txtblack: #353535;
  --roboto: "Roboto", serif;
  --notosans: "Noto Sans JP", sans-serif;
}

/*-----------------------------------------------------------------------
	base
-----------------------------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  position: relative;
  font-family: var(--notosans);
  font-size: 16px;
  color: #000;
  line-height: 1.68;
  letter-spacing: normal;
  text-align: left;
}
@media screen and (max-width: 834.499px) {
  body {
    min-width: 320px;
    font-size: 14px;
  }
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
}
@media print, screen and (min-width: 834.5px) {
  a {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
  }
  a:hover {
    opacity: 0.7;
  }
}

button {
  font: inherit;
}
@media print, screen and (min-width: 834.5px) {
  button {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
  }
  button:hover {
    opacity: 0.7;
  }
}

picture,
img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

@media screen and (max-width: 834.499px) {
  .pcOnly {
    display: none;
  }
}
@media print, screen and (min-width: 834.5px) {
  .spOnly {
    display: none;
  }
}
.contentIn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 834.499px) {
  .contentIn {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*-----------------------------------------------------------------------
	style
-----------------------------------------------------------------------*/
.textStyle01 {
  color: var(--blu01);
  font-size: 60px;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 834.499px) {
  .textStyle01 {
    font-size: 22px;
    line-height: 1.63;
  }
}

@media screen and (max-width: 834.499px) {
  .expandContainer *,
  .expandContainer *::before,
  .expandContainer *::after {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    -webkit-transition-property: padding, margin, line-height, opacity, visibility;
    transition-property: padding, margin, line-height, opacity, visibility;
  }
}
.expandContainer.show .expandButton .expand {
  display: none;
}
.expandContainer.show .expandButton .close {
  display: initial;
}
.expandContainer .expandButton {
  text-align: center;
}
.expandContainer .expandButton .expand,
.expandContainer .expandButton .close {
  border-bottom: 1px solid currentColor;
  font-size: 16px;
  letter-spacing: 0.15em;
  line-height: 1.3;
}
.expandContainer .expandButton .expand::after {
  content: "▼";
}
.expandContainer .expandButton .close {
  display: none;
}
.expandContainer .expandButton .close::after {
  content: "▲";
}

.section-title__wrap h2 {
  width: clamp(151px, 31.4583333333vw, 453px);
  height: clamp(23.6666666667px, 4.9305555556vw, 71px);
  margin: 0 auto;
}
.section-title__wrap h4 {
  position: absolute;
  font-size: clamp(6.6666666667px, 1.3888888889vw, 20px);
  color: #004EA2;
  border: solid clamp(0.6666666667px, 0.1388888889vw, 2px) #004EA2;
  text-align: center;
  width: clamp(90.3333333333px, 18.8194444444vw, 271px);
  height: clamp(13px, 2.7083333333vw, 39px);
  border-radius: clamp(33.3333333333px, 6.9444444444vw, 100px);
  background-color: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: clamp(57.3333333333px, 11.9444444444vw, 172px);
  display: inline;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1rem;
  font-weight: 600;
}

@media (min-width: 1441px) {
  .section-title__wrap h2 {
    width: 453px;
    height: 71px;
    margin: 0 auto;
  }
  .section-title__wrap h4 {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    color: #004EA2;
    border: solid 2px #004EA2;
    text-align: center;
    padding: 0 36px;
    height: 39px;
    border-radius: 100px;
    background-color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 172px;
  }
}
@media (max-width: 450px) {
  .section-title__wrap h2 {
    width: 38.6666666667vw;
    height: 6.1333333333vw;
  }
  .section-title__wrap h4 {
    font-size: 3.2vw;
    border: solid 0.2666666667vw #004EA2;
    width: 42.6666666667vw;
    height: auto;
    top: 10vw;
    letter-spacing: 0.05rem;
    font-weight: 700;
  }
}
/*-----------------------------------------------------------------------
	header
-----------------------------------------------------------------------*/
#header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 0 10px;
  background: #fff;
  z-index: 100;
}
@media screen and (max-width: 834.499px) {
  #header {
    padding: 0;
    overflow-x: clip;
  }
  #header.showNavi {
    -webkit-box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
            box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
  }
  #header.showNavi .navi {
    -webkit-box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
            box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
    translate: 0 0;
  }
}
#header .contentIn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1220px;
}
@media screen and (max-width: 834.499px) {
  #header .contentIn {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
#header .title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 834.499px) {
  #header .title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
#header .title .weLogo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 259px;
  margin-right: 16px;
}
@media screen and (max-width: 834.499px) {
  #header .title .weLogo {
    width: 95px;
    margin: 0;
  }
}
#header .title .pageTitle {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 10px 0;
  padding: 4px 5px;
  border: 1px solid currentColor;
  color: #787878;
  font-size: 15px;
  letter-spacing: 0.07em;
  line-height: 1;
}
#header .naviButton {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#header .naviButton button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 19px;
  height: 14px;
}
#header .naviButton button .text, #header .naviButton button::before, #header .naviButton button::after {
  content: "";
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 100%;
  height: 2px;
  background: #004E9D;
  border-radius: 1px;
  font-size: 0;
  color: transparent;
}
#header .navi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 10px;
}
@media screen and (max-width: 834.499px) {
  #header .navi {
    position: absolute;
    top: 100%;
    right: -0.1px;
    max-width: 100dvw;
    max-height: 80dvh;
    margin: 0;
    background: #fff;
    overflow: auto;
    translate: 100% 0;
    -webkit-transition: translate 300ms ease;
    transition: translate 300ms ease;
  }
}
#header .navi .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 14px;
  font-size: 18px;
}
@media screen and (max-width: 834.499px) {
  #header .navi .list {
    display: block;
    padding: 5px 20px 20px;
    font-size: inherit;
  }
}
#header .navi .item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 42px;
}
@media print, screen and (min-width: 834.5px) {
  #header .navi .item:last-child {
    margin: 0;
  }
}
@media screen and (max-width: 834.499px) {
  #header .navi .item {
    margin: 20px 0 0;
  }
}
#header .navi .item.top {
  letter-spacing: 0.04em;
}
#header .navi .item.products {
  letter-spacing: 0.04em;
}
#header .navi .item.demo {
  letter-spacing: 0.08em;
}
#header .navi .item.demo a {
  background: #F8B738;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 1;
}
#header .navi .item.seminar span:nth-child(1) {
  letter-spacing: 0.03em;
}
#header .navi .item.seminar span:nth-child(2) {
  letter-spacing: 0.02em;
}

/*-----------------------------------------------------------------------
	main
-----------------------------------------------------------------------*/
.mv {
  width: 100%;
  display: block;
}
.mv .mv__wrap .mv-sp {
  display: none;
}

@media (max-width: 450px) {
  .mv .mv__wrap .mv-pc {
    display: none;
  }
  .mv .mv__wrap .mv-sp {
    display: block;
  }
}
.curr {
  width: 100%;
  padding: clamp(28.6666666667px, 5.9722222222vw, 86px) 0 0 0;
  position: relative;
}
.curr .__wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.curr .__wrap .section-title__wrap h2 {
  width: clamp(229.3333333333px, 47.7777777778vw, 688px);
}
.curr .__wrap .section-title__wrap h4 {
  width: 21.0416666667vw;
  height: 2.7083333333vw;
  top: clamp(47.3333333333px, 9.8611111111vw, 142px);
  padding: 0;
  display: inline;
}
.curr .__wrap .text__line {
  font-size: clamp(16px, 3.3333333333vw, 48px);
  font-weight: 500;
  text-align: center;
  color: #004EA2;
  margin: clamp(13.5333333333px, 2.8194444444vw, 40.6px) 0 clamp(20.3333333333px, 4.2361111111vw, 61px) 0;
  letter-spacing: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.curr .__wrap .text__line .font-5 {
  font-size: clamp(29.3333333333px, 6.1111111111vw, 88px);
  font-weight: 400;
  line-height: 0;
  font-family: var(--roboto);
}
.curr .__wrap .text__line .font-span {
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
  line-height: 0;
}
.curr .__wrap .container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.curr .__wrap .container .content {
  margin-bottom: clamp(13.3333333333px, 2.7777777778vw, 40px);
  position: relative;
}
.curr .__wrap .container .content .content-img__wrap {
  width: clamp(423.3333333333px, 88.1944444444vw, 1270px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.curr .__wrap .container .content .content-img__wrap .-img__sp {
  display: none;
}
.curr .__wrap .container .content .content-title {
  position: absolute;
  top: 0px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: clamp(3.3333333333px, 0.6944444444vw, 10px) clamp(13.3333333333px, 2.7777777778vw, 40px) clamp(5.3333333333px, 1.1111111111vw, 16px) clamp(26.6666666667px, 5.5555555556vw, 80px);
}
.curr .__wrap .container .content .content-title h4 {
  color: var(--txtblack);
  font-size: clamp(9.3333333333px, 1.9444444444vw, 28px);
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.4;
}
.curr .__wrap .container .content .content-title h4 .span-color__blue {
  color: #004EA2;
}
.curr .__wrap .container .content .content-title h4 .span__br {
  display: none;
}
.curr .__wrap .container .content .content-no {
  position: absolute;
  top: -1.8vw;
  left: 0px;
  width: clamp(21.3333333333px, 4.4444444444vw, 64px);
  height: clamp(44.3333333333px, 9.2361111111vw, 133px);
}
.curr .__wrap .container .content-odd {
  margin-left: auto;
}
.curr .__wrap .container .content-odd .content-title {
  left: 0px;
  border-radius: clamp(13.3333333333px, 2.7777777778vw, 40px) 0 clamp(13.3333333333px, 2.7777777778vw, 40px) 0;
}
.curr .__wrap .container .content-even {
  margin-right: auto;
}
.curr .__wrap .container .content-even .content-title {
  right: 0;
  border-radius: 0 clamp(13.3333333333px, 2.7777777778vw, 40px) 0 clamp(13.3333333333px, 2.7777777778vw, 40px);
}

@media (min-width: 1441px) {
  .curr .__wrap .section-title__wrap h4 {
    width: 303px;
    height: 39px;
  }
  .content-no {
    top: -25px !important;
  }
}
@media (max-width: 450px) {
  .curr {
    padding: 10.6666666667vw 0 0 0;
  }
  .curr .__wrap {
    max-width: 100%;
  }
  .curr .__wrap .section-title__wrap h2 {
    width: 58.9333333333vw;
  }
  .curr .__wrap .section-title__wrap h4 {
    width: 47.7333333333vw;
    height: 6.4vw;
    top: 17vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.3vw 0 1.5vw 0;
  }
  .curr .__wrap .text__line {
    font-size: 6.4vw;
    margin: 10.0533333333vw 0 clamp(20.3333333333px, 4.2361111111vw, 61px) 0;
  }
  .curr .__wrap .text__line .font-5 {
    font-size: 12.8vw;
  }
  .curr .__wrap .text__line .font-span {
    font-size: 7.4666666667vw;
  }
  .curr .__wrap .container .content {
    margin-bottom: 6.4vw;
    position: relative;
  }
  .curr .__wrap .container .content .content-img__wrap {
    width: 94.6666666667vw;
    height: 31.7333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .curr .__wrap .container .content .content-img__wrap .-img__pc {
    display: none;
  }
  .curr .__wrap .container .content .content-img__wrap .-img__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .curr .__wrap .container .content .content-title {
    top: -0.1vw;
    padding: 4.2666666667vw 5.3333333333vw 4.2666666667vw 9.6vw;
  }
  .curr .__wrap .container .content .content-title h4 {
    font-size: 4.2666666667vw;
  }
  .curr .__wrap .container .content .content-title h4 .span__br {
    display: inline;
  }
  .curr .__wrap .container .content .content-no {
    top: -1.8vw;
    left: 0px;
    width: 8.5333333333vw;
    height: 15.2vw;
  }
  .curr .__wrap .container .content-odd {
    margin-left: auto;
  }
  .curr .__wrap .container .content-odd .content-title {
    left: 0px;
    border-radius: clamp(13.3333333333px, 2.7777777778vw, 40px) 0 clamp(13.3333333333px, 2.7777777778vw, 40px) 0;
  }
  .curr .__wrap .container .content-even {
    margin-right: auto;
  }
  .curr .__wrap .container .content-even .content-title {
    right: 0;
    border-radius: 0 clamp(13.3333333333px, 2.7777777778vw, 40px) 0 clamp(13.3333333333px, 2.7777777778vw, 40px);
  }
}
.merit {
  width: 100%;
  padding: clamp(40px, 8.3333333333vw, 120px) 0 0 0;
  position: relative;
}
.merit .__wrap {
  margin: 0 auto;
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
}
.merit .__wrap .section-title__wrap h2 {
  width: clamp(99.3333333333px, 20.6944444444vw, 298px);
}
.merit .__wrap .section-title__wrap .fukidasi-img {
  width: clamp(75.6666666667px, 15.7638888889vw, 227px);
  height: clamp(17.3333333333px, 3.6111111111vw, 52px);
  position: relative;
  margin: 0 auto;
}
.merit .__wrap .section-title__wrap .fukidasi-img h4 {
  width: clamp(75.6666666667px, 15.7638888889vw, 227px);
  height: 2.7083333333vw;
  position: absolute;
  padding: 0;
  border: none;
  height: 0;
  top: 1.35vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.merit .__wrap .text__line {
  width: clamp(228.3333333333px, 47.5694444444vw, 685px);
  height: clamp(24.3333333333px, 5.0694444444vw, 73px);
  text-align: center;
  margin: clamp(13.3333333333px, 2.7777777778vw, 40px) auto clamp(23.6666666667px, 4.9305555556vw, 71px) auto;
}
.merit .__wrap .text__line .-img__sp {
  display: none;
}
.merit .__wrap-2 {
  background-image: url(../images/merit_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  margin-top: -15vw;
  padding-bottom: clamp(18px, 3.75vw, 54px);
}
.merit .__wrap-2 .container {
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 20vw;
}
.merit .__wrap-2 .container .content {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: clamp(20px, 4.1666666667vw, 60px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.merit .__wrap-2 .container .content .-text__wrap {
  width: clamp(177.3333333333px, 36.9444444444vw, 532px);
}
.merit .__wrap-2 .container .content .-text__wrap .-num__wrap {
  width: clamp(45px, 9.375vw, 135px);
  height: clamp(19.4933333333px, 4.0611111111vw, 58.48px);
  margin-bottom: clamp(13.3333333333px, 2.7777777778vw, 40px);
}
.merit .__wrap-2 .container .content .-text__wrap h3 {
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
  margin-bottom: clamp(14.6666666667px, 3.0555555556vw, 44px);
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0.3vw;
}
.merit .__wrap-2 .container .content .-text__wrap h3 .br-sp__none {
  display: none;
}
.merit .__wrap-2 .container .content .-text__wrap p {
  font-size: clamp(6px, 1.25vw, 18px);
  width: clamp(177.3333333333px, 36.9444444444vw, 532px);
  letter-spacing: 0.21rem;
}
.merit .__wrap-2 .container .content .-img__wrap {
  width: clamp(163.1966666667px, 33.9993055556vw, 489.59px);
  height: clamp(141.3333333333px, 29.4444444444vw, 424px);
  position: relative;
  z-index: 1;
}
.merit .__wrap-2 .container .content .-img__wrap img {
  position: relative;
  z-index: 1;
}
.merit .__wrap-2 .container .content .-img__wrap::after {
  content: "";
  position: absolute;
  background-image: url(../images/merit-shadow.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  left: 8.5vw;
  width: clamp(179.2166666667px, 37.3368055556vw, 537.65px);
  height: clamp(244.8066666667px, 51.0013888889vw, 734.42px);
}
.merit .__wrap-2 .container .content-2 .-text__wrap {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.merit .__wrap-2 .container .content-2 .-img__wrap::after {
  background-image: url(../images/merit-shadow_2.png);
  left: -12vw;
}
.merit .__wrap-2 .container .content:last-child .-img__wrap::after {
  background-image: url(../images/merit-shadow_3.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 0px;
  left: 8.5vw;
  width: clamp(179.3333333333px, 37.3611111111vw, 538px);
  height: clamp(181.3333333333px, 37.7777777778vw, 544px);
}

@media (min-width: 1441px) {
  .merit .fukidasi-img h4 {
    top: 19px !important;
    height: 39px;
  }
  .merit .__wrap-2 {
    margin-top: -15vw;
  }
  .merit .content .-img__wrap::after {
    left: 120px !important;
  }
  .merit .content-2 .-img__wrap::after {
    left: -170px !important;
  }
}
@media (max-width: 450px) {
  .merit {
    padding: 16vw 0 0 0;
  }
  .merit .__wrap {
    width: 100%;
    max-width: 100%;
  }
  .merit .__wrap .section-title__wrap h2 {
    width: 25.6vw;
  }
  .merit .__wrap .section-title__wrap .fukidasi-img {
    width: 35.4666666667vw;
    height: 6.6666666667vw;
    position: relative;
    margin: 0 auto;
  }
  .merit .__wrap .section-title__wrap .fukidasi-img h4 {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 35.4666666667vw;
    height: 6.4vw;
    padding: 0;
    top: -0.25vw;
    left: 0;
    -webkit-transform: none;
            transform: none;
    background-color: transparent;
  }
  .merit .__wrap .text__line {
    width: 69.6vw;
    height: 22.7466666667vw;
    text-align: center;
    margin: clamp(13.3333333333px, 2.7777777778vw, 40px) auto clamp(23.6666666667px, 4.9305555556vw, 71px) auto;
    top: 1vw;
  }
  .merit .__wrap .text__line .-img__pc {
    display: none;
  }
  .merit .__wrap .text__line .-img__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .merit .__wrap-2 {
    background-image: url(../images/merit_bg_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100vw;
    max-width: none;
    margin-top: -40vw;
    padding: 5.3333333333vw;
    padding-bottom: 14.4vw;
  }
  .merit .__wrap-2 .container {
    padding-top: 60vw;
    max-width: 100%;
  }
  .merit .__wrap-2 .container .content {
    position: relative;
    margin-bottom: 21.3333333333vw;
  }
  .merit .__wrap-2 .container .content .-text__wrap {
    width: 94.7146666667vw;
  }
  .merit .__wrap-2 .container .content .-text__wrap .-num__wrap {
    width: 19.4666666667vw;
    height: 8.3653333333vw;
    margin-bottom: 6.0346666667vw;
  }
  .merit .__wrap-2 .container .content .-text__wrap h3 {
    font-size: 5.3333333333vw;
    margin-bottom: 6.4vw;
    line-height: 1.4;
    width: 100%;
  }
  .merit .__wrap-2 .container .content .-text__wrap h3 .br-pc__none {
    display: none;
  }
  .merit .__wrap-2 .container .content .-text__wrap h3 .br-sp__none {
    display: inline;
  }
  .merit .__wrap-2 .container .content .-text__wrap p {
    font-size: 3.7333333333vw;
    width: 89.3333333333vw;
    width: 100%;
    letter-spacing: 0.3vw;
  }
  .merit .__wrap-2 .container .content .-text__wrap p .br-pc__none {
    display: none;
  }
  .merit .__wrap-2 .container .content .-img-absolute__warp {
    position: absolute;
    right: -1vw;
    top: -13vw;
  }
  .merit .__wrap-2 .container .content .-img-absolute__warp .-img__wrap {
    width: 40.9653333333vw;
    height: 35.4773333333vw;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .merit .__wrap-2 .container .content .-img-absolute__warp .-img__wrap img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .merit .__wrap-2 .container .content .-img-absolute__warp .-img__wrap::after {
    overflow: hidden;
    content: "";
    position: absolute;
    background-image: url(../images/merit-shadow_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0vw;
    left: 10vw;
    width: 35.144vw;
    height: 55.7386666667vw;
  }
  .merit .__wrap-2 .container .content-2 .-text__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: end;
    width: 100%;
  }
  .merit .__wrap-2 .container .content-2 .-text__wrap p {
    text-align: start;
    width: 100%;
  }
  .merit .__wrap-2 .container .content-2 .-img-absolute__warp {
    left: -2vw;
  }
  .merit .__wrap-2 .container .content-2 .-img-absolute__warp .-img__wrap::after {
    background-image: url(../images/merit-shadow_2_sp.png);
    left: -5vw;
    width: 35.096vw;
    height: 55.7306666667vw;
  }
  .merit .__wrap-2 .container .content:last-child {
    margin-bottom: 0;
  }
  .merit .__wrap-2 .container .content:last-child .-img__wrap::after {
    background-image: url(../images/merit-shadow_3_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    left: 10vw;
    width: 35.096vw;
    height: 55.736vw;
  }
  .merit .__wrap-2 .container .content:last-child .-text__wrap p {
    letter-spacing: 0.2vw;
  }
}
.product {
  width: 100%;
  background-color: #FEF9EA;
  padding-bottom: clamp(13.3333333333px, 2.7777777778vw, 40px);
}
.product .title-img__wrap {
  background-image: url(../images/merit_banner_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: clamp(480px, 100vw, 1440px);
  margin: 0 auto clamp(20px, 4.1666666667vw, 60px) auto;
}
.product .title-img__wrap .-img__pc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product .title-img__wrap .-img__sp {
  display: none;
}
.product .__wrap {
  margin: 0 auto;
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
}
.product .__wrap .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: clamp(13.3333333333px, 2.7777777778vw, 40px);
}
.product .__wrap .container .content {
  width: clamp(180px, 37.5vw, 540px);
  height: auto;
  background-color: #fff;
  padding: clamp(6.6666666667px, 1.3888888889vw, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product .__wrap .container .content .-img__wrap {
  width: clamp(166.6666666667px, 34.7222222222vw, 500px);
  height: clamp(62.3333333333px, 12.9861111111vw, 187px);
  margin-bottom: clamp(10.6666666667px, 2.2222222222vw, 32px);
}
.product .__wrap .container .content .-text__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--txtblack);
}
.product .__wrap .container .content .-text__wrap h4 {
  font-size: clamp(9.3333333333px, 1.9444444444vw, 28px);
  margin-bottom: clamp(9.3333333333px, 1.9444444444vw, 28px);
  letter-spacing: 0.1rem;
  line-height: 0.75;
}
.product .__wrap .container .content .-text__wrap .-price__wrap {
  height: clamp(19px, 3.9583333333vw, 57px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: clamp(6.6666666667px, 1.3888888889vw, 20px);
}
.product .__wrap .container .content .-text__wrap .-price__wrap h2 {
  font-size: clamp(26.6666666667px, 5.5555555556vw, 80px);
  font-family: var(--roboto);
  font-weight: 400;
  line-height: 0.8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product .__wrap .container .content .-text__wrap .-price__wrap .-unit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product .__wrap .container .content .-text__wrap .-price__wrap .-unit__wrap p {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  line-height: 1;
  margin-right: -0.5vw;
}
.product .__wrap .container .content .-text__wrap .-price__wrap .-unit__wrap h4 {
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
  font-weight: 500;
  line-height: 1;
}
.product .__wrap .container .content .-item-title {
  width: clamp(131.3333333333px, 27.3611111111vw, 394px);
  height: clamp(20px, 4.1666666667vw, 60px);
  margin: 0 auto 0.6944444444vw auto;
}
.product .__wrap .container .content .product-num {
  font-size: 1.1111111111vw;
  color: #333;
  text-align: center;
  margin-bottom: 1.3888888889vw;
}
.product .__wrap .container .content .-item__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: clamp(2.6666666667px, 0.5555555556vw, 8px) 0;
}
.product .__wrap .container .content .-item__wrap .item {
  width: clamp(82px, 17.0833333333vw, 246px);
  height: clamp(18.3333333333px, 3.8194444444vw, 55px);
  background-color: #BC334F;
  position: relative;
  padding: clamp(4px, 0.8333333333vw, 12px);
}
.product .__wrap .container .content .-item__wrap .item p {
  color: #fff;
  font-size: clamp(6px, 1.25vw, 18px);
  text-align: center;
}
.product .__wrap .container .content .-item__wrap .item img {
  position: absolute;
  width: clamp(10px, 2.0833333333vw, 30px);
  height: clamp(7.3333333333px, 1.5277777778vw, 22px);
  top: 1.5vw;
  right: 0.8vw;
}
.product .__wrap .container .content-2 .-img__wrap {
  margin-bottom: clamp(10px, 2.0833333333vw, 30px);
}
.product .__wrap .container .content-2 .-text__wrap {
  margin-bottom: clamp(9px, 1.875vw, 27px);
}
.product .__wrap .container .content-2 .-text__wrap h4 {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.8;
}
.product .__wrap .container .content-2 .-item-title {
  width: clamp(85.66px, 17.8458333333vw, 256.98px);
}
.product .__wrap .container .content-2 .-item__wrap .item {
  background-color: #004E9D;
}
.product .__wrap .banner__wrap .-img__pc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product .__wrap .banner__wrap .-img__sp {
  display: none;
}

@media (min-width: 1441px) {
  .product .title-img__wrap {
    width: 100%;
  }
  .product .title-img__wrap img {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
  }
  .product .-item__wrap .item img {
    top: 21px !important;
    right: 12px !important;
  }
}
@media (max-width: 450px) {
  .product {
    padding-bottom: 10.6666666667vw;
  }
  .product .title-img__wrap {
    background: none;
    width: 100%;
    margin: 0 auto 16vw auto;
  }
  .product .title-img__wrap .-img__pc {
    display: none;
  }
  .product .title-img__wrap .-img__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .product .__wrap {
    width: 100%;
    max-width: 100%;
    padding: 0 5.3333333333vw;
  }
  .product .__wrap .container {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-bottom: 1.8666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product .__wrap .container .content {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 3.2vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 5.3333333333vw;
  }
  .product .__wrap .container .content .-img__wrap {
    width: 82.9333333333vw;
    height: 31.2vw;
    margin-bottom: 5.3333333333vw;
  }
  .product .__wrap .container .content .-text__wrap {
    width: 100%;
  }
  .product .__wrap .container .content .-text__wrap h4 {
    font-size: 4.8vw;
    margin-bottom: 4.2666666667vw;
    letter-spacing: 0.1rem;
    line-height: 0.75;
  }
  .product .__wrap .container .content .-text__wrap .-price__wrap {
    height: 9.8666666667vw;
    margin-bottom: 3.2vw;
  }
  .product .__wrap .container .content .-text__wrap .-price__wrap h2 {
    font-size: 13.8666666667vw;
  }
  .product .__wrap .container .content .-text__wrap .-price__wrap .-unit__wrap p {
    font-size: 2.6666666667vw;
    margin-right: -0.6vw;
  }
  .product .__wrap .container .content .-text__wrap .-price__wrap .-unit__wrap h4 {
    font-size: 6.4vw;
  }
  .product .__wrap .container .content .-item-title {
    width: 70.1333333333vw;
    height: 10.6666666667vw;
    margin: 0 auto 2.1333333333vw auto;
  }
  .product .__wrap .container .content .product-num {
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
  }
  .product .__wrap .container .content .-item__wrap {
    gap: 0.8vw 0;
  }
  .product .__wrap .container .content .-item__wrap .item {
    width: 41.0666666667vw;
    height: 9.3333333333vw;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product .__wrap .container .content .-item__wrap .item p {
    font-size: 3.7333333333vw;
  }
  .product .__wrap .container .content .-item__wrap .item img {
    width: 4.9626666667vw;
    height: 3.64vw;
    top: 3.8vw;
    right: 2.4vw;
  }
  .product .__wrap .container .content-2 .-img__wrap {
    margin-bottom: 5.3333333333vw;
  }
  .product .__wrap .container .content-2 .-text__wrap {
    margin-bottom: 4.2666666667vw;
  }
  .product .__wrap .container .content-2 .-text__wrap h4 {
    line-height: 1.4;
  }
  .product .__wrap .container .content-2 .-item-title {
    width: 42.6666666667vw;
  }
  .product .__wrap .container .content-2 .-item__wrap .item-5 p {
    font-size: 3.2vw;
  }
  .product .__wrap .banner__wrap .-img__pc {
    display: none;
  }
  .product .__wrap .banner__wrap .-img__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.voice {
  width: 100%;
  padding: clamp(40px, 8.3333333333vw, 120px) 0 0 0;
  position: relative;
  background-color: #FEF9EA;
}
.voice .__wrap {
  margin: 0 auto;
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
}
.voice .__wrap .section-title__wrap h2 {
  width: clamp(99.3333333333px, 20.6944444444vw, 298px);
}
.voice .__wrap .section-title__wrap .fukidasi-img {
  width: clamp(209.6666666667px, 43.6805555556vw, 629px);
  height: clamp(17.3333333333px, 3.6111111111vw, 52px);
  position: relative;
  margin: 0 auto;
}
.voice .__wrap .section-title__wrap .fukidasi-img .-img__pc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.voice .__wrap .section-title__wrap .fukidasi-img .-img__sp {
  display: none;
}
.voice .__wrap .section-title__wrap .fukidasi-img h4 {
  width: 100%;
  position: absolute;
  padding: 0 0;
  border: none;
  height: 2.7083333333vw;
  top: 0.2vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  letter-spacing: 0.16vw;
  background-color: transparent;
}
.voice .__wrap .section-title__wrap .fukidasi-img h4 .br-pc__none {
  display: none;
}
.voice .__wrap .text__line {
  width: clamp(190px, 39.5833333333vw, 570px);
  height: clamp(30px, 6.25vw, 90px);
  text-align: center;
  margin: clamp(13.3333333333px, 2.7777777778vw, 40px) auto clamp(23.6666666667px, 4.9305555556vw, 71px) auto;
}
.voice .__wrap-2 {
  background-image: url(../images/voice_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 100%;
  margin-top: -9vw;
  padding-bottom: clamp(18px, 3.75vw, 54px);
  background-color: #fff;
}
.voice .__wrap-2 .__inner {
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  margin: 0 auto;
  padding-top: 11vw;
}
.voice .__wrap-2 .__inner .inner-title__wrap {
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 78, 162, 0)), color-stop(30%, #004EA2), color-stop(70%, #004EA2), to(rgba(0, 78, 162, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 78, 162, 0) 0%, #004EA2 30%, #004EA2 70%, rgba(0, 78, 162, 0) 100%);
  background: linear-gradient(to right, rgba(0, 78, 162, 0) 0%, #004EA2 30%, #004EA2 70%, rgba(0, 78, 162, 0) 100%);
  margin-bottom: clamp(20px, 4.1666666667vw, 60px);
}
.voice .__wrap-2 .__inner .inner-title__wrap h4 {
  font-size: clamp(9.3333333333px, 1.9444444444vw, 28px);
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.voice .__wrap-2 .__inner .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: clamp(24px, 5vw, 72px) 0;
}
.voice .__wrap-2 .__inner .container .content {
  width: clamp(180px, 37.5vw, 540px);
  height: clamp(161.6666666667px, 33.6805555556vw, 485px);
  background-color: #EFF9FF;
  border-radius: clamp(13.3333333333px, 2.7777777778vw, 40px) 0 clamp(13.3333333333px, 2.7777777778vw, 40px) 0;
  padding: clamp(6.6666666667px, 1.3888888889vw, 20px);
  position: relative;
}
.voice .__wrap-2 .__inner .container .content .-img__wrap {
  position: absolute;
  width: clamp(40px, 8.3333333333vw, 120px);
  top: -2.6vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.voice .__wrap-2 .__inner .container .content .-text__wrap {
  margin-top: clamp(29.3333333333px, 6.1111111111vw, 88px);
  margin-bottom: clamp(9.3333333333px, 1.9444444444vw, 28px);
  color: var(--txtblack);
}
.voice .__wrap-2 .__inner .container .content .-text__wrap .customer-add {
  color: #004EA2;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-align: center;
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  margin-bottom: clamp(9.3333333333px, 1.9444444444vw, 28px);
}
.voice .__wrap-2 .__inner .container .content .-text__wrap .-text {
  letter-spacing: 0.1vw;
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
}
.voice .__wrap-2 .__inner .container .content .customer-voice-img {
  width: clamp(166.6666666667px, 34.7222222222vw, 500px);
  height: clamp(53px, 11.0416666667vw, 159px);
}
.voice .__wrap-2 .__inner .-line__wrap {
  color: var(--txtblack);
  text-align: end;
  font-size: clamp(4px, 0.8333333333vw, 12px);
  margin-bottom: clamp(28px, 5.8333333333vw, 84px);
}

@media (min-width: 1441px) {
  .voice .fukidasi-img h4 {
    top: 3.2px !important;
    padding: 0 !important;
    letter-spacing: 0.07vw !important;
  }
  .voice .__wrap-2 {
    margin-top: -5vw;
  }
  .voice .content .-img__wrap {
    top: -37px !important;
  }
  .voice .content .-text__wrap .-text {
    letter-spacing: 1.6px !important;
  }
}
@media (max-width: 450px) {
  .voice {
    padding: 8vw 0 0 0;
  }
  .voice .__wrap {
    width: 100%;
    max-width: 100%;
  }
  .voice .__wrap .section-title__wrap h2 {
    width: 24.5333333333vw;
  }
  .voice .__wrap .section-title__wrap .fukidasi-img {
    width: 71.2vw;
    height: 11.7333333333vw;
    position: relative;
    margin: 0 auto;
  }
  .voice .__wrap .section-title__wrap .fukidasi-img .-img__pc {
    display: none;
  }
  .voice .__wrap .section-title__wrap .fukidasi-img .-img__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .voice .__wrap .section-title__wrap .fukidasi-img h4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    padding: 0;
    height: auto;
    top: 1.4vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    line-height: 1.4;
  }
  .voice .__wrap .section-title__wrap .fukidasi-img h4 .br-pc__none {
    display: inline;
  }
  .voice .__wrap .text__line {
    width: 85.3333333333vw;
    height: 15.7333333333vw;
    text-align: center;
    margin: clamp(13.3333333333px, 2.7777777778vw, 40px) auto clamp(23.6666666667px, 4.9305555556vw, 71px) auto;
  }
  .voice .__wrap-2 {
    margin-top: -9vw;
    padding-bottom: 0;
    background-color: #fff;
  }
  .voice .__wrap-2 .__inner {
    width: 100%;
    padding: 0 5.3333333333vw;
    padding-top: 14vw;
  }
  .voice .__wrap-2 .__inner .inner-title__wrap {
    margin-bottom: 16.2666666667vw;
  }
  .voice .__wrap-2 .__inner .inner-title__wrap h4 {
    font-size: 4.2666666667vw;
    font-weight: 600;
    text-align: center;
    color: #fff;
  }
  .voice .__wrap-2 .__inner .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-flex-wrap: row;
        -ms-flex-wrap: row;
            flex-wrap: row;
    gap: 15.2vw 0;
  }
  .voice .__wrap-2 .__inner .container .content {
    width: 100%;
    height: auto;
    border-radius: 6.4vw 0 6.4vw 0;
    padding: 4.2666666667vw;
  }
  .voice .__wrap-2 .__inner .container .content .-img__wrap {
    width: 20vw;
    top: -10vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .voice .__wrap-2 .__inner .container .content .-text__wrap {
    margin-top: 12.2666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .voice .__wrap-2 .__inner .container .content .-text__wrap .customer-add {
    letter-spacing: 0.5vw;
    font-size: 3.7333333333vw;
    margin-bottom: 4vw;
  }
  .voice .__wrap-2 .__inner .container .content .-text__wrap .-text {
    letter-spacing: 0.4vw;
    font-size: 3.7333333333vw;
  }
  .voice .__wrap-2 .__inner .container .content .customer-voice-img {
    width: 100%;
    height: auto;
  }
  .voice .__wrap-2 .__inner .-line__wrap {
    font-size: 2.4vw;
    margin: 5.3333333333vw 0 16vw 0;
  }
}
.lecturer {
  width: 100%;
  padding: clamp(40px, 8.3333333333vw, 120px) 0 clamp(46.6666666667px, 9.7222222222vw, 140px) 0;
  background-color: #F5F5F5;
  position: relative;
}
.lecturer .__wrap {
  margin: 0 auto;
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
}
.lecturer .__wrap .section-title__wrap h4 {
  width: 27.2222222222vw;
  height: 2.7083333333vw;
  display: inline;
}
.lecturer .__wrap .text__line {
  font-size: clamp(16px, 3.3333333333vw, 48px);
  font-weight: 500;
  text-align: center;
  color: #004EA2;
  margin: clamp(20.1966666667px, 4.2076388889vw, 60.59px) 0 clamp(20.1333333333px, 4.1944444444vw, 60.4px) 0;
  letter-spacing: 0.5rem;
  line-height: 1.4;
}
.lecturer .__wrap .text__line .-text__small {
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
}
.lecturer .__wrap .container {
  width: 100%;
}
.lecturer .__wrap .container .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lecturer .__wrap .container .content .content-img__wrap {
  width: clamp(106.6666666667px, 22.2222222222vw, 320px);
  height: clamp(120px, 25vw, 360px);
}
.lecturer .__wrap .container .content .content-text__wrap {
  color: var(--txtblack);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: clamp(246.6666666667px, 51.3888888889vw, 740px);
  letter-spacing: 0.2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}
.lecturer .__wrap .container .content .content-text__wrap .content-name {
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
  margin-bottom: clamp(10.6666666667px, 2.2222222222vw, 32px);
}
.lecturer .__wrap .container .content .content-text__wrap .content-category {
  font-size: clamp(6px, 1.25vw, 18px);
  color: #004EA2;
}
.lecturer .__wrap .container .content .content-text__wrap p {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  margin-top: clamp(13.3333333333px, 2.7777777778vw, 40px);
  line-height: 1.6;
}
.lecturer .__wrap .container .content-a {
  margin-bottom: clamp(20px, 4.1666666667vw, 60px);
}
.lecturer .__wrap .container .content-b .content-b__item {
  width: clamp(106.6666666667px, 22.2222222222vw, 320px);
}
.lecturer .__wrap .container .content-b .content-b__item .content-img__wrap {
  margin-bottom: clamp(10.6666666667px, 2.2222222222vw, 32px);
}
.lecturer .__wrap .container .content-b .content-b__item .content-text__wrap {
  text-align: center;
  width: 100%;
  line-height: 1;
}

@media (min-width: 1441px) {
  .lecturer .__wrap .section-title__wrap h4 {
    width: 392px;
    height: 39px;
  }
}
@media (max-width: 450px) {
  .lecturer {
    padding: 16vw 0 5.3333333333vw 0;
  }
  .lecturer .__wrap {
    width: 100%;
    max-width: 100%;
  }
  .lecturer .__wrap .section-title__wrap h2 {
    width: 41.6vw;
  }
  .lecturer .__wrap .section-title__wrap h4 {
    width: 61.8666666667vw;
    height: 6.6666666667vw;
    top: 23vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.3vw 0 1.5vw 0;
  }
  .lecturer .__wrap .text__line {
    font-size: 7.4666666667vw;
    margin: 12.72vw 0 8.6133333333vw 0;
    line-height: 1;
  }
  .lecturer .__wrap .text__line .-text__small {
    font-size: 6.4vw;
  }
  .lecturer .__wrap .container {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
  .lecturer .__wrap .container .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lecturer .__wrap .container .content .content-img__wrap {
    width: 53.3333333333vw;
    height: 60vw;
    margin: 0 auto 5.3333333333vw auto;
  }
  .lecturer .__wrap .container .content .content-text__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    letter-spacing: 0.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
  }
  .lecturer .__wrap .container .content .content-text__wrap .content-name {
    font-size: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
    line-height: 1;
  }
  .lecturer .__wrap .container .content .content-text__wrap .content-category {
    font-size: 3.7333333333vw;
  }
  .lecturer .__wrap .container .content .content-text__wrap p {
    font-size: 3.7333333333vw;
    margin-top: 7.4666666667vw;
    letter-spacing: 0.2vw;
    line-height: 1.6;
    font-weight: 400;
  }
  .lecturer .__wrap .container .content-a {
    margin-bottom: 10.6666666667vw;
  }
  .lecturer .__wrap .container .content-b .content-b__item {
    width: 100%;
  }
  .lecturer .__wrap .container .content-b .content-b__item .content-img__wrap {
    margin-bottom: 5.3333333333vw;
  }
  .lecturer .__wrap .container .content-b .content-b__item .content-text__wrap {
    text-align: center;
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
}
.faq {
  width: 100%;
  padding: clamp(40px, 8.3333333333vw, 120px) 0 clamp(40px, 8.3333333333vw, 120px) 0;
}
.faq .__wrap {
  margin: 0 auto;
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
}
.faq .__wrap .faq-title__wrap h2 {
  width: clamp(60.6666666667px, 12.6388888889vw, 182px);
}
.faq .__wrap .text__line {
  font-size: clamp(16px, 3.3333333333vw, 48px);
  font-weight: 700;
  text-align: center;
  color: #004EA2;
  margin: clamp(-3.3333333333px, -0.6944444444vw, -10px) 0 clamp(20px, 4.1666666667vw, 60px) 0;
  letter-spacing: 0.5rem;
}
.faq .__wrap .container {
  width: 100%;
}
.faq .__wrap .container .content {
  margin-bottom: clamp(6.6666666667px, 1.3888888889vw, 20px);
}
.faq .__wrap .container .content .content__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(3.3333333333px, 0.6944444444vw, 10px) 0;
}
.faq .__wrap .container .content .content__inner .text-q,
.faq .__wrap .container .content .content__inner .text-a {
  font-size: clamp(9.3333333333px, 1.9444444444vw, 28px);
  margin: 0 clamp(6.6666666667px, 1.3888888889vw, 20px);
  font-weight: 500;
  font-family: var(--roboto);
}
.faq .__wrap .container .content .content__inner .content-q {
  font-size: clamp(6px, 1.25vw, 18px);
}
.faq .__wrap .container .content .content__inner .content-a {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  color: var(--txtblack);
}
.faq .__wrap .container .content .content-q__inner {
  color: #fff;
  background-color: #004EA2;
  border-radius: clamp(2px, 0.4166666667vw, 6px) clamp(2px, 0.4166666667vw, 6px) 0 0;
}
.faq .__wrap .container .content .content-a__inner {
  background-color: #EFF9FF;
}
.faq .__wrap .container .content .content-a__inner .text-a {
  color: #004EA2;
}

@media (min-width: 1441px) {
  .faq {
    width: 100%;
    padding: 120px 0 120px 0;
  }
  .faq .__wrap {
    margin: 0 auto;
    width: 1100px;
    max-width: 1440px;
  }
  .faq .__wrap .faq-title__wrap h2 {
    width: 182px;
  }
  .faq .__wrap .text__line {
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    color: #004EA2;
    margin: -10px 0 60px 0;
    letter-spacing: 0.5rem;
  }
  .faq .__wrap .container {
    width: 100%;
  }
  .faq .__wrap .container .content {
    margin-bottom: 20px;
  }
  .faq .__wrap .container .content .content__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 0;
  }
  .faq .__wrap .container .content .content__inner .text-q,
  .faq .__wrap .container .content .content__inner .text-a {
    font-size: 28px;
    margin: 0 20px;
  }
  .faq .__wrap .container .content .content__inner .content-q,
  .faq .__wrap .container .content .content__inner .content-a {
    font-size: 18px;
  }
  .faq .__wrap .container .content .content-q__inner {
    color: #fff;
    background-color: #004EA2;
    border-radius: 6px 6px 0 0;
  }
  .faq .__wrap .container .content .content-a__inner {
    background-color: #EFF9FF;
  }
  .faq .__wrap .container .content .content-a__inner .text-a {
    color: #004EA2;
  }
}
@media (max-width: 450px) {
  .faq {
    padding: 16vw 0;
  }
  .faq .__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0 5.3333333333vw;
  }
  .faq .__wrap .faq-title__wrap h2 {
    width: 15.4666666667vw;
  }
  .faq .__wrap .text__line {
    font-size: 7.4666666667vw;
    margin: clamp(-3.3333333333px, -0.6944444444vw, -10px) 0 8.5333333333vw 0;
    letter-spacing: 0.5vw;
  }
  .faq .__wrap .container {
    width: 100%;
  }
  .faq .__wrap .container .content {
    margin-bottom: 4.2666666667vw;
  }
  .faq .__wrap .container .content .content__inner {
    padding: 4.2666666667vw;
  }
  .faq .__wrap .container .content .content__inner .text-q,
  .faq .__wrap .container .content .content__inner .text-a {
    font-size: 5.3333333333vw;
    margin: 0 5.3333333333vw 0 0;
  }
  .faq .__wrap .container .content .content__inner .content-q {
    font-size: 4.2666666667vw;
    letter-spacing: 0.5vw;
  }
  .faq .__wrap .container .content .content__inner .content-a {
    font-size: 3.7333333333vw;
    letter-spacing: 0.1vw;
  }
  .faq .__wrap .container .content .content-q__inner {
    border-radius: 1.6vw 1.6vw 0 0;
  }
}
.seminar {
  width: 100%;
  background-image: url(../images/back-seminar.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(40px, 8.3333333333vw, 120px) 0 clamp(46.6666666667px, 9.7222222222vw, 140px) 0;
  color: #fff;
}
.seminar .__wrap {
  margin: 0 auto;
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
  max-width: 1440px;
}
.seminar .__wrap .text__line {
  font-size: clamp(16px, 3.3333333333vw, 48px);
  font-weight: 500;
  text-align: center;
  margin: 0px 0 clamp(23.6666666667px, 4.9305555556vw, 71px) 0;
  letter-spacing: 0.5rem;
}
.seminar .__wrap .container .content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: solid clamp(0.6666666667px, 0.1388888889vw, 2px) #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(12px, 2.5vw, 36px) 0;
}
.seminar .__wrap .container .content:last-child {
  border-bottom: solid clamp(0.6666666667px, 0.1388888889vw, 2px) #fff;
}
.seminar .__wrap .container .content .venue {
  width: clamp(61.6666666667px, 12.8472222222vw, 185px);
  height: clamp(9.6666666667px, 2.0138888889vw, 29px);
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
  line-height: 0.6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 clamp(33.3333333333px, 6.9444444444vw, 100px) 0 clamp(16px, 3.3333333333vw, 48px);
  position: relative;
  letter-spacing: 0.5rem;
}
.seminar .__wrap .container .content .datelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% - 185px);
  border-left: solid clamp(0.6666666667px, 0.1388888889vw, 2px) #fff;
  padding: 0 0 0 clamp(33.3333333333px, 6.9444444444vw, 100px);
}
.seminar .__wrap .container .content .datelist .schedule {
  font-size: clamp(13.3333333333px, 2.7777777778vw, 40px);
  line-height: 1;
  letter-spacing: 0.2rem;
}
.seminar .__wrap .container .content .datelist .schedule span {
  font-size: clamp(21.3333333333px, 4.4444444444vw, 64px);
  line-height: 1;
}
.seminar .__wrap .seminar-text {
  font-size: clamp(10.6666666667px, 2.2222222222vw, 32px);
  text-align: center;
  margin-top: clamp(20px, 4.1666666667vw, 60px);
  letter-spacing: 0.5rem;
}

@media (min-width: 1441px) {
  .seminar {
    width: 100%;
    background-image: url(../images/back-seminar.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0 140px 0;
    color: #fff;
  }
  .seminar .__wrap {
    margin: 0 auto;
    width: 1100px;
    max-width: 1440px;
  }
  .seminar .__wrap .text__line {
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    margin: 0px 0 71px 0;
    letter-spacing: 0.5rem;
  }
  .seminar .__wrap .container .content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: solid 2px #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 36px 0;
  }
  .seminar .__wrap .container .content:last-child {
    border-bottom: solid 2px #fff;
  }
  .seminar .__wrap .container .content .venue {
    width: 185px;
    height: 29px;
    font-size: 40px;
    line-height: 0.6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 48px;
    position: relative;
    letter-spacing: 0.5rem;
  }
  .seminar .__wrap .container .content .schedule {
    font-size: 40px;
    line-height: 0;
    letter-spacing: 0.2rem;
  }
  .seminar .__wrap .container .content .schedule span {
    font-size: 64px;
    line-height: 0;
  }
  .seminar .__wrap .seminar-text {
    font-size: 32px;
    text-align: center;
    margin-top: 60px;
    letter-spacing: 0.5rem;
  }
}
@media (max-width: 450px) {
  .seminar {
    padding: 16vw 0 21.3333333333vw 0;
  }
  .seminar .__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .seminar .__wrap .section-title__wrap h2 {
    width: 37.3333333333vw;
  }
  .seminar .__wrap .text__line {
    font-size: 7.4666666667vw;
    margin: 0px 0 8.5333333333vw 0;
  }
  .seminar .__wrap .container {
    padding: 0 5.3333333333vw 0;
  }
  .seminar .__wrap .container .content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5.3333333333vw 0;
  }
  .seminar .__wrap .container .content .venue {
    width: 100%;
    height: auto;
    border-right: none;
    font-size: 4.2666666667vw;
    line-height: 1;
    margin: 0 0 3.2vw 0;
    letter-spacing: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .seminar .__wrap .container .content .datelist {
    border-left: none;
    width: initial;
  }
  .seminar .__wrap .container .content .schedule {
    font-size: 3.7333333333vw;
    line-height: 1;
    letter-spacing: 0.5vw;
  }
  .seminar .__wrap .container .content .schedule span {
    font-size: 6.4vw;
    line-height: 1;
  }
  .seminar .__wrap .seminar-text {
    font-size: 3.7333333333vw;
    margin-top: 7.4666666667vw;
    letter-spacing: 0.3vw;
  }
}
.contact {
  width: 100%;
  padding: clamp(40px, 8.3333333333vw, 120px) 0 clamp(46.6666666667px, 9.7222222222vw, 140px) 0;
  background-color: #F5F5F5;
  position: relative;
}
.contact .__wrap {
  margin: 0 auto;
  width: clamp(340px, 70.8333333333vw, 1020px);
  max-width: 1440px;
}
.contact .__wrap .text__line {
  font-size: clamp(16px, 3.3333333333vw, 48px);
  font-weight: 700;
  text-align: center;
  color: #004EA2;
  margin: clamp(13.3333333333px, 2.7777777778vw, 40px) 0 clamp(23.6666666667px, 4.9305555556vw, 71px) 0;
  letter-spacing: 0.5rem;
}
.contact .__wrap .text__line .br-pc__none {
  display: none;
}
.contact .__wrap .form__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: clamp(340px, 70.8333333333vw, 1020px);
  margin: 0 auto;
}
.contact .__wrap .form__wrap .input__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(9.3333333333px, 1.9444444444vw, 28px);
  /* ラッパー全体 */
}
.contact .__wrap .form__wrap .input__wrap p {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  color: #353535;
  font-weight: 400;
  letter-spacing: 0.05rem;
}
.contact .__wrap .form__wrap .input__wrap p span {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  background-color: #004EA2;
  color: #fff;
  border-radius: clamp(1px, 0.2083333333vw, 3px);
  margin-right: clamp(5.3333333333px, 1.1111111111vw, 16px);
  height: clamp(9.3333333333px, 1.9444444444vw, 28px);
  width: clamp(16.3333333333px, 3.4027777778vw, 49px);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .__wrap .form__wrap .input__wrap input,
.contact .__wrap .form__wrap .input__wrap .select-like {
  padding: 1.25vw 1.3888888889vw;
  width: clamp(266.6666666667px, 55.5555555556vw, 800px);
  height: clamp(16px, 3.3333333333vw, 48px);
  border-radius: clamp(2px, 0.4166666667vw, 6px);
  border: solid 1px #717171;
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .__wrap .form__wrap .input__wrap .select-like {
  position: relative;
}
.contact .__wrap .form__wrap .input__wrap .select-like[open] summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.contact .__wrap .form__wrap .input__wrap .select-like ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: clamp(66.6666666667px, 13.8888888889vw, 200px);
  overflow-y: auto;
  background: #fff;
  z-index: 10;
  border: solid 1px #717171;
  border-radius: 0 0 clamp(2px, 0.4166666667vw, 6px) clamp(2px, 0.4166666667vw, 6px);
}
.contact .__wrap .form__wrap .input__wrap .select-like ul li {
  padding: clamp(3px, 0.625vw, 9px) clamp(5.3333333333px, 1.1111111111vw, 16px);
  cursor: pointer;
}
.contact .__wrap .form__wrap .input__wrap .select-like ul li:hover {
  background: #004E9D;
  color: #fff;
}
.contact .__wrap .form__wrap .input__wrap .select-like > summary {
  list-style: none;
  cursor: pointer;
  border-radius: clamp(1.3333333333px, 0.2777777778vw, 4px);
  width: 100%;
  background: #fff url("../images/sankaku_icon.png") no-repeat right 0.8rem center;
  background-size: clamp(3.3333333333px, 0.6944444444vw, 10px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact .__wrap .form__wrap .input__wrap .select-like > summary.placeholder {
  color: #717171;
}
.contact .__wrap .form__wrap .input__wrap .select-like > summary:focus {
  outline: none;
  border-color: #004E9D;
}
.contact .__wrap .form__wrap .input__wrap:last-child {
  margin-bottom: clamp(20px, 4.1666666667vw, 60px);
}
.contact .__wrap .form__wrap .pp {
  width: clamp(340px, 70.8333333333vw, 1020px);
  background-color: #fff;
  height: clamp(34.6666666667px, 7.2222222222vw, 104px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(16px, 3.3333333333vw, 48px);
}
.contact .__wrap .form__wrap .pp .pp__wrap {
  width: clamp(95px, 19.7916666667vw, 285px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox] {
  width: clamp(8px, 1.6666666667vw, 24px);
  height: clamp(8px, 1.6666666667vw, 24px);
  border: solid 1px #717171;
  border-radius: 0.3vw;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox]:checked {
  background: #fff;
}
.contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  width: 0.5555555556vw;
  height: 1.1111111111vw;
  border-right: 2px solid #004EA2;
  border-bottom: 2px solid #004EA2;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  top: 47%;
  left: 50%;
}
.contact .__wrap .form__wrap .pp .pp__wrap p {
  width: clamp(81.6666666667px, 17.0138888889vw, 245px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: clamp(5.3333333333px, 1.1111111111vw, 16px);
  letter-spacing: 0.01rem;
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  color: var(--txtblack);
}
.contact .__wrap .form__wrap .pp .pp__wrap p a {
  text-decoration: underline;
}
.contact .__wrap .form__wrap button {
  text-indent: 0.75rem;
  margin: 0 auto;
  width: clamp(103.3333333333px, 21.5277777778vw, 310px);
  height: clamp(22.6666666667px, 4.7222222222vw, 68px);
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  background-color: #004EA2;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /* ← flexに変更 */
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; /* ← 上下中央揃え */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; /* ← 左右中央揃え */
  border-radius: clamp(33.3333333333px, 6.9444444444vw, 100px);
  letter-spacing: 0.5rem;
  text-align: center;
  border: none; /* 必要に応じて */
  cursor: pointer; /* ユーザビリティ向上 */
}

@media (min-width: 1441px) {
  .contact {
    width: 100%;
    padding: 120px 0 140px 0;
    background-color: #F5F5F5;
    position: relative;
  }
  .contact .__wrap {
    margin: 0 auto;
    width: 1020px;
    max-width: 1440px;
  }
  .contact .__wrap .text__line {
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    color: #004EA2;
    margin: 40px 0 71px 0;
    letter-spacing: 0.5rem;
  }
  .contact .__wrap .form__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 1020px;
    margin: 0 auto;
  }
  .contact .__wrap .form__wrap .input__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 28px;
    /* ラッパー全体 */
  }
  .contact .__wrap .form__wrap .input__wrap p {
    font-size: 16px;
    color: #353535;
    font-weight: 400;
    letter-spacing: 0.05rem;
  }
  .contact .__wrap .form__wrap .input__wrap p span {
    font-size: 16px;
    background-color: #004EA2;
    color: #fff;
    border-radius: 3px;
    margin-right: 16px;
    height: 28px;
    width: 49px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact .__wrap .form__wrap .input__wrap input,
  .contact .__wrap .form__wrap .input__wrap .select-like {
    padding: 18px 20px;
    width: 800px;
    height: 48px;
    border-radius: 6px;
    border: solid 1px #717171;
    font-size: 16px;
    background-color: #fff;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like {
    position: relative;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like[open] summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like ul {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    z-index: 10;
    border: solid 1px #717171;
    border-radius: 0 0 6px 6px;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like ul li {
    padding: 9px 16px;
    cursor: pointer;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like ul li:hover {
    background: #004E9D;
    color: #fff;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like > summary {
    list-style: none;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    background: #fff url("../images/sankaku_icon.png") no-repeat right 0.8rem center;
    background-size: 10px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like > summary.placeholder {
    color: #717171;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like > summary:focus {
    outline: none;
    border-color: #004E9D;
  }
  .contact .__wrap .form__wrap .input__wrap:last-child {
    margin-bottom: 60px;
  }
  .contact .__wrap .form__wrap .pp {
    width: 1020px;
    background-color: #fff;
    height: 104px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 48px;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap {
    width: 285px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox] {
    width: 24px;
    height: 24px;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox]:checked::after {
    width: 6px;
    height: 12px;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap p {
    width: 245px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 16px;
    letter-spacing: 0.03rem;
    font-size: 16px;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap p a {
    text-decoration: underline;
  }
  .contact .__wrap .form__wrap button {
    margin: 0 auto;
    width: 310px;
    height: 68px;
    font-size: 16px;
    background-color: #004EA2;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 100px;
    letter-spacing: 0.5rem;
  }
}
@media (max-width: 450px) {
  .contact {
    padding: 16vw 0;
  }
  .contact .__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .contact .__wrap .section-title__wrap h4 {
    top: 22.5vw;
    height: 6.6666666667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.3vw 0 1.5vw 0;
  }
  .contact .__wrap .text__line {
    font-size: 7.4666666667vw;
    margin: 10.8533333333vw 0 7.0133333333vw 0;
    letter-spacing: 0.1rem;
    line-height: 1.4;
  }
  .contact .__wrap .text__line .br-pc__none {
    display: inline;
  }
  .contact .__wrap .form__wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
  .contact .__wrap .form__wrap .input__wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 6.4vw;
    /* ラッパー全体 */
  }
  .contact .__wrap .form__wrap .input__wrap p {
    font-size: 3.743315508vw;
    letter-spacing: 0.05rem;
    margin-bottom: 4.2666666667vw;
  }
  .contact .__wrap .form__wrap .input__wrap p span {
    font-size: 3.7333333333vw;
    border-radius: 0.8vw;
    margin-right: 4.2666666667vw;
    height: 6.9333333333vw;
    width: 12vw;
  }
  .contact .__wrap .form__wrap .input__wrap input,
  .contact .__wrap .form__wrap .input__wrap .select-like {
    padding: 4.8vw 5.3333333333vw;
    width: 100%;
    height: 12.8vw;
    border-radius: 1.6vw;
    font-size: 4.2666666667vw;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like[open] summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like ul {
    max-height: 160vw;
    border-radius: 0 0 1.6vw 1.6vw;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like ul li {
    padding: 2.1333333333vw 5.3333333333vw;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like > summary {
    padding: 0;
    border-radius: 1.0666666667vw;
    background-size: 2.6666666667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact .__wrap .form__wrap .input__wrap:last-child {
    margin-bottom: clamp(20px, 4.1666666667vw, 60px);
  }
  .contact .__wrap .form__wrap .pp {
    width: 100%;
    height: 17.0666666667vw;
    margin-bottom: 10.6666666667vw;
    padding: 0 5.3333333333vw;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap {
    width: 100%;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox] {
    width: 6.4vw;
    height: 6.4vw;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap input[type=checkbox]:checked::after {
    width: 2.1333333333vw;
    height: 4.2666666667vw;
    top: 45%;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap p {
    width: 57.0666666667vw;
    margin-left: 4.2666666667vw;
    letter-spacing: 0.01rem;
    font-size: 3.7333333333vw;
  }
  .contact .__wrap .form__wrap button {
    width: 82.6666666667vw;
    height: 18.1333333333vw;
    font-size: 4.2666666667vw;
  }
}
.confirm .form__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: clamp(340px, 70.8333333333vw, 1020px);
  margin: 0 auto;
}
.confirm .form__wrap .input__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
  -webkit-justify-content: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(9.3333333333px, 1.9444444444vw, 28px);
}
.confirm .form__wrap .input__wrap p {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  color: #353535;
  font-weight: 400;
  letter-spacing: 0.05rem;
  width: 15.2777777778vw;
}
.confirm .form__wrap .input__wrap p span {
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  background-color: #004EA2;
  color: #fff;
  border-radius: clamp(1px, 0.2083333333vw, 3px);
  margin-right: clamp(5.3333333333px, 1.1111111111vw, 16px);
  height: clamp(9.3333333333px, 1.9444444444vw, 28px);
  width: clamp(16.3333333333px, 3.4027777778vw, 49px);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.confirm .form__wrap .input__wrap .-input__value {
  width: 300px;
}
.confirm .form__wrap .-btn__wrap {
  width: 41.9444444444vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  margin-top: 1.3888888889vw;
}
.confirm .form__wrap .-btn__wrap button {
  text-indent: 0.6rem;
}
.confirm .form__wrap .-btn__wrap button:nth-child(1) {
  width: 19.0277777778vw;
  background-color: #A9A9A9;
  text-indent: 0.6rem;
}

@media (min-width: 1441px) {
  .confirm .form__wrap .input__wrap p {
    width: 220px;
  }
  .confirm .form__wrap .-btn__wrap {
    width: 604px;
    margin-top: 20px;
  }
  .confirm .form__wrap .-btn__wrap button:nth-child(1) {
    width: 274px;
  }
}
@media (max-width: 450px) {
  .confirm .form__wrap .input__wrap p {
    width: 100%;
  }
  .confirm .form__wrap .-btn__wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .confirm .form__wrap .-btn__wrap button:nth-child(1) {
    width: 82.6666666667vw;
    margin-bottom: 2.2222222222vw;
  }
}
.complete .__wrap {
  width: clamp(366.6666666667px, 76.3888888889vw, 1100px);
}
.complete .__wrap .form__wrap p {
  font-size: 1.1111111111vw;
  margin-bottom: 2.7777777778vw;
  text-align: center;
}
.complete .__wrap .form__wrap p .br-pc__none {
  display: none;
}
.complete .__wrap .form__wrap p .-bold {
  font-weight: bold;
}
.complete .__wrap .form__wrap p.-strong {
  color: red;
}
.complete .__wrap .form__wrap p.-survey {
  font-size: clamp(1.5rem, 1.125rem + 1vw, 1.875rem); /* min: 24px, max: 30px */
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: clamp(1.25rem, 0rem + 3.333vw, 2.5rem) 20px;
  margin-bottom: clamp(3.75rem, 1.25rem + 6.667vw, 6.25rem); /* min: 60px, max: 100px */
  word-break: break-all;
}
.complete .__wrap .form__wrap p a {
  display: inline;
  color: #004EA2;
  text-decoration: underline;
}
.complete .__wrap .form__wrap .-btn__wrap button {
  width: 19.0277777778vw;
}

@media (min-width: 1441px) {
  .complete .__wrap {
    width: 1100px;
  }
  .complete .__wrap .form__wrap p {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .complete .__wrap .form__wrap .-btn__wrap button {
    width: 274px;
  }
}
@media (max-width: 450px) {
  .complete .__wrap {
    width: 100%;
  }
  .complete .__wrap .form__wrap p {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
    letter-spacing: 0.6vw;
  }
  .complete .__wrap .form__wrap p .br-pc__none {
    display: inline;
  }
  .complete .__wrap .form__wrap .-btn__wrap button {
    width: 73.0666666667vw;
  }
}
/*-----------------------------------------------------------------------
	footer
-----------------------------------------------------------------------*/
#footer .contentIn {
  max-width: 820px;
}
#footer .navi {
  padding: 100px 0 100px;
}
#footer .navi .list {
  font-size: 17px;
  line-height: 1.2;
}
#footer .navi .item:nth-child(n+2) {
  margin-top: 40px;
}
#footer .navi .item.top {
  letter-spacing: 0.04em;
}
#footer .navi .item.products {
  letter-spacing: 0.04em;
}
#footer .navi .item.demo {
  letter-spacing: 0.08em;
}
#footer .navi .item.seminar span:nth-child(1) {
  letter-spacing: 0.03em;
}
#footer .navi .item.seminar span:nth-child(2) {
  letter-spacing: 0.02em;
}
#footer .navi a {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 35px;
}
#footer .navi a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 14px;
  height: 2px;
  background: #004E9D;
}
#footer .foot {
  padding: 20px 0;
  background: #004EA2;
  color: #fff;
}
@media screen and (max-width: 834.499px) {
  #footer .foot {
    padding: 12px 0;
  }
}
#footer .foot .contentIn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 834.499px) {
  #footer .foot .contentIn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#footer .foot .logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 145px;
}
#footer .foot .links {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 13px;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
@media screen and (max-width: 834.499px) {
  #footer .foot .links {
    font-size: 10px;
  }
}
#footer .foot .links .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .foot .links .item:nth-child(n+2) {
  margin-left: 0.8em;
}
#footer .foot .links .item:nth-child(n+2)::before {
  content: "";
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 1px;
  height: 70%;
  margin-right: 0.8em;
  background: currentColor;
}
#footer .copyArea {
  padding: 20px 0 25px;
}
#footer .copyArea .copy {
  color: #333;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.06em;
}/*# sourceMappingURL=style.css.map */