@charset "UTF-8";
:root {
  /* 濃い青 */
  --blu01: #004E9D;
  --blue02: #004EA2;
  --blue03: #007BC7;
  --yellow01: #FFEE30;
  --yellow02: #FEF9EA;
  --red: #E62327;
  --gray01: #F5F5F5;
  --gray02: #767676;
  --gray03: #DFDFDF;
  /* 濃い灰色 */
  --gry01: #3E3A39;
  /* 背景用、ほんのり灰色 */
  --bg01: #F5F5F5;
  --black353535: #353535;
  --roboto: "Roboto", serif;
  --notosans: "Noto Sans JP", sans-serif;
}

.span-bg__color {
  background: linear-gradient(transparent 0%, var(--yellow01) 0%);
}

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

*,
*::before,
*::after {
  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: 834px) {
  body {
    min-width: 320px;
    font-size: 14px;
  }
}

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

button {
  font: inherit;
}
@media print, screen and (min-width: 834px) {
  button {
    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: 834px) {
  .pcOnly {
    display: none;
  }
}
@media print, screen and (min-width: 834px) {
  .spOnly {
    display: none;
  }
}
.contentIn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 834px) {
  .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: 834px) {
  .textStyle01 {
    font-size: 22px;
    line-height: 1.63;
  }
}

@media screen and (max-width: 834px) {
  .expandContainer *,
  .expandContainer *::before,
  .expandContainer *::after {
    transition: 300ms ease;
    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 {
  position: relative;
}
.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%;
  transform: translateX(-50%);
  top: 3.4722222222vw;
  display: inline;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1rem;
  font-weight: 600;
}
.section-title__wrap p {
  text-align: center;
  font-size: 1.1111111111vw;
  color: #353535;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.03rem;
  margin-bottom: 2.0833333333vw;
}
.section-title__wrap .-p__red {
  color: #DE3B3B;
  margin-bottom: 0;
}
.section-title__wrap .-p__red:last-child {
  margin-bottom: 3.4722222222vw;
}
.section-title__wrap .br-sp {
  display: none;
}

@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%;
    transform: translateX(-50%);
    top: 50px;
  }
}
@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: 5vw;
    letter-spacing: 0.05rem;
    font-weight: 700;
  }
  .section-title__wrap p {
    font-size: 3.2vw;
    margin-bottom: 8vw;
  }
  .section-title__wrap .-p__red:last-child {
    margin-bottom: 13.3333333333vw;
  }
  .section-title__wrap .br-sp {
    display: inline;
  }
}
/*-----------------------------------------------------------------------
	header
-----------------------------------------------------------------------*/
#header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 0 10px;
  background: transparent;
  z-index: 100;
}
@media screen and (max-width: 834px) {
  #header {
    padding: 0;
    overflow-x: clip;
  }
  #header.showNavi {
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
  }
  #header.showNavi .navi {
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
    translate: 0 0;
  }
}
#header .contentIn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
}
@media screen and (max-width: 834px) {
  #header .contentIn {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
#header .title {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 834px) {
  #header .title {
    flex: 0 0 auto;
  }
}
#header .title .weLogo {
  flex: 0 0 auto;
  width: 259px;
  margin-right: 16px;
  margin-left: 40px;
  margin-top: 9px;
}
@media screen and (max-width: 834px) {
  #header .title .weLogo {
    width: 95px;
    margin: 0;
  }
}
#header .title .pageTitle {
  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 {
  flex: 0 0 auto;
}
#header .naviButton button {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 19px;
  height: 14px;
}
#header .naviButton button .text, #header .naviButton button::before, #header .naviButton button::after {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 100%;
  height: 2px;
  background: #004E9D;
  border-radius: 1px;
  font-size: 0;
  color: transparent;
}
#header .navi {
  flex: 0 0 auto;
  margin-left: 10px;
}
@media screen and (max-width: 834px) {
  #header .navi {
    position: absolute;
    top: 100%;
    right: -0.1px;
    max-width: 100dvw;
    max-height: 80dvh;
    margin: 0;
    background: #fff;
    overflow: auto;
    translate: 100% 0;
    transition: translate 300ms ease;
  }
}
#header .navi .list {
  display: flex;
  padding: 0 14px;
  font-size: 18px;
}
@media screen and (max-width: 834px) {
  #header .navi .list {
    display: block;
    padding: 5px 20px 20px;
    font-size: inherit;
  }
}
#header .navi .item {
  flex: 0 0 auto;
  margin-right: 42px;
}
@media print, screen and (min-width: 834px) {
  #header .navi .item:last-child {
    margin: 0;
  }
}
@media screen and (max-width: 834px) {
  #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: flex;
  justify-content: 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
-----------------------------------------------------------------------*/
.br-pc {
  display: inline;
}

.br-sp {
  display: none;
}

.img__pc {
  display: block;
}

.img__sp {
  display: none;
}

section {
  width: 100%;
}
section .__wrap {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}

#movie {
  display: none;
}

@media (max-width: 450px) {
  #movie {
    display: block;
    width: 100%;
    padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
    background-color: #F5F5F5;
  }
  #movie .movie__wrap {
    width: 100%;
    height: 59.4666666667vw;
    margin: 0 auto;
    display: flex;
  }
  #movie .movie__wrap iframe {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1441px) {
  section {
    width: 100%;
  }
  section .__wrap {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
  }
  .arrow {
    width: 100%;
  }
  .arrow .__wrap {
    padding: 47px 0 85px 0;
  }
  .arrow .__wrap img {
    width: 610px;
    height: 87px;
  }
}
@media (max-width: 450px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: inline;
  }
  .img__pc {
    display: none;
  }
  .img__sp {
    display: block;
  }
  section .__wrap {
    max-width: 100%;
    padding: 0 5.3333333333vw;
  }
  .contact .__wrap {
    padding: 0;
  }
  .schedule {
    background-image: none;
    width: 100%;
  }
  .schedule .__wrap {
    padding: 0;
    width: 100%;
  }
  .schedule .__wrap img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .worries {
    background-image: none;
  }
  .worries .__wrap {
    width: 100%;
    padding: 0;
  }
  .worries .__wrap img {
    width: 100%;
    padding: 0;
  }
  .if {
    background-image: none;
  }
  .if .__wrap {
    width: 100%;
    padding: 0;
  }
  .if .__wrap img {
    width: 100%;
    padding: 0;
  }
  .change {
    background-image: none;
  }
  .change .__wrap {
    width: 100%;
    padding: 0;
  }
  .change .__wrap img {
    width: 100%;
    padding: 0;
  }
  .voice {
    width: 100%;
  }
  .voice .__wrap {
    width: 100%;
    padding: 0;
  }
  .voice .__wrap img {
    width: 100%;
    padding: 0;
  }
  .present {
    width: 100%;
  }
  .present .__wrap {
    width: 100%;
    padding: 0;
  }
  .present .__wrap img {
    width: 100%;
    padding: 0;
  }
}
footer {
  margin: 0;
  padding: 0;
  height: 8.1944444444vw;
  padding-top: 1.1805555556vw;
}
footer .foot {
  display: block;
}
footer .foot .contentIn .logo {
  width: 17.9861111111vw;
  height: 2.6388888889vw;
}

@media (max-width: 450px) {
  footer {
    margin: 0;
    padding: 0;
    height: 8.1944444444vw;
    padding-top: 2.6666666667vw;
  }
  footer .foot {
    display: block;
  }
  footer .foot .contentIn .logo {
    width: 17.9861111111vw;
    height: 2.6388888889vw;
  }
}
#mv {
  background-image: url(../images/mv_pc_1440.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 55.625vw;
}
#mv .inner {
  padding: 12.6388888889vw 0 0 13.1944444444vw;
  position: relative;
}
#mv .inner .container {
  width: 40.8868055556vw;
  height: 37.9680555556vw;
}
#mv .inner .container h1 {
  width: 33.6111111111vw;
  height: 5.1826388889vw;
  font-size: 4.5729166667vw;
  font-weight: 500;
  color: #fff;
  background-color: #004EA2;
  line-height: 1.05;
  text-align: center;
  clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0 100%);
  font-style: italic;
  padding-right: 1vw;
  letter-spacing: 0.1rem;
}
#mv .inner .container h1:nth-child(2) {
  width: 37.5875vw;
  margin-top: 0.2vw;
  margin-bottom: 1.7361111111vw;
}
#mv .inner .container p {
  font-size: 1.8020833333vw;
  color: #004EA2;
  position: relative;
  width: 18.2923611111vw;
  height: 1.40625vw;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.8055555556vw;
}
#mv .inner .container p::before, #mv .inner .container p::after {
  position: absolute;
  content: "";
  background-color: #004EA2;
  width: 1.8020833333vw;
  height: 0.15vw;
  top: 66%;
  transform: translateY(-50%);
}
#mv .inner .container p::before {
  left: 0vw;
}
#mv .inner .container p::after {
  right: 0vw;
}
#mv .inner .container .-message__wrap h3 {
  font-size: 1.8020833333vw;
  font-weight: 500;
  letter-spacing: 0.03rem;
  color: #353535;
}
#mv .inner .container .-img__wrap {
  width: 30.5541666667vw;
  height: 13.425vw;
  margin-left: -1.6666666667vw;
  position: relative;
}
#mv .inner .container .-img__wrap .point-content {
  position: absolute;
  background-image: url(../images/point-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 13.8888888889vw;
  height: 13.8888888889vw;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.7833333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  font-weight: 500;
  font-style: italic;
  text-shadow: 0 0 0.5298611111vw #004EA2;
  text-align: center;
  padding-right: 0.2083333333vw;
}
#mv .inner .container .-img__wrap .point-content .span__font-size {
  font-size: 3.3923611111vw;
  letter-spacing: -0.02rem;
}
#mv .inner .container .-img__wrap .point-content .span__color {
  color: #FFF476;
}
#mv .inner .container .-img__wrap .point-content:nth-child(1) {
  left: 0.0694444444vw;
}
#mv .inner .container .-img__wrap .point-content:nth-child(2) {
  left: 8.6805555556vw;
  padding-bottom: 0.6944444444vw;
  line-height: 1;
  font-size: 2.0513888889vw;
}
#mv .inner .container .-img__wrap .point-content:nth-child(2) .span__font-size {
  font-size: 4.0902777778vw;
  letter-spacing: -0.02rem;
}
#mv .inner .container .-img__wrap .point-content:nth-child(3) {
  left: 17.3611111111vw;
}
#mv .inner .container .-img__wrap .point-content:nth-child(3) .span__font-size {
  font-size: 2.8125vw;
  letter-spacing: -0.02rem;
}
#mv .inner .-name__fujita {
  position: absolute;
  bottom: 19.0972222222vw;
  right: 28.4722222222vw;
}
#mv .inner .-name__fujita p {
  font-size: 1.1506944444vw;
  color: #fff;
  background-color: #353535;
  line-height: 1.05;
  text-align: center;
  letter-spacing: 0.18rem;
  margin-bottom: 0.2083333333vw;
}
#mv .inner .-name__fujita p:nth-child(1) {
  width: 11.4402777778vw;
  padding-left: 0.2083333333vw;
}
#mv .inner .-name__fujita p:nth-child(2) {
  width: 8.5645833333vw;
}
#mv .inner .-name__fujita p:nth-child(3) {
  width: 6.0076388889vw;
  padding-left: 0.0694444444vw;
}
#mv .inner .-name__moriyama {
  position: absolute;
  bottom: 19.0972222222vw;
  right: 15.2777777778vw;
}
#mv .inner .-name__moriyama p {
  font-size: 1.1506944444vw;
  color: #fff;
  background-color: #353535;
  line-height: 1.05;
  text-align: center;
  letter-spacing: 0.18rem;
  margin-bottom: 0.2083333333vw;
}
#mv .inner .-name__moriyama p:nth-child(1) {
  width: 11.4402777778vw;
  padding-left: 0.2083333333vw;
}
#mv .inner .-name__moriyama p:nth-child(2) {
  width: 8.5645833333vw;
}
#mv .inner .-name__moriyama p:nth-child(3) {
  width: 6.0076388889vw;
  padding-left: 0.0694444444vw;
}
#mv .inner .movie__wrap {
  position: absolute;
  width: 31.6666666667vw;
  height: 21.0416666667vw;
  right: 14.5833333333vw;
  bottom: -2.7777777778vw;
}
#mv .inner .movie__wrap iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 1441px) {
  #mv {
    background-image: url(../images/mv_pc.png);
    background-repeat: no-repeat;
    background-size: 1940px 801px;
    background-position: center center;
    width: 100%;
    height: 801px;
    overflow: hidden;
    margin: 0 auto;
  }
  #mv .inner {
    width: 1440px;
    margin: 0 auto;
    padding: 182px 0 0 190px;
  }
  #mv .inner .container {
    width: 588.77px;
    height: 546.74px;
  }
  #mv .inner .container h1 {
    width: 484px;
    height: 74.63px;
    font-size: 65.85px;
    clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0 100%);
    font-style: italic;
    padding-right: 16px;
  }
  #mv .inner .container h1:nth-child(2) {
    width: 541.26px;
    margin-top: 0.2vw;
    margin-bottom: 25px;
  }
  #mv .inner .container p {
    font-size: 25.95px;
    width: 263px;
    height: 20.25px;
    margin-bottom: 26px;
  }
  #mv .inner .container p::before, #mv .inner .container p::after {
    width: 25.95px;
    height: 2.16px;
    top: 66%;
    transform: translateY(-50%);
  }
  #mv .inner .container p::before {
    left: 0;
  }
  #mv .inner .container p::after {
    right: 0;
  }
  #mv .inner .container .-message__wrap h3 {
    font-size: 25.95px;
  }
  #mv .inner .container .-img__wrap {
    width: 439.98px;
    height: 193.32px;
    margin-left: -24px;
    position: relative;
  }
  #mv .inner .container .-img__wrap .point-content {
    width: 200px;
    height: 200px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 25.68px;
    text-shadow: 0 0 7.36px #004EA2;
    padding-right: 3px;
  }
  #mv .inner .container .-img__wrap .point-content .span__font-size {
    font-size: 48.85px;
    letter-spacing: -0.02rem;
  }
  #mv .inner .container .-img__wrap .point-content .span__color {
    color: #FFF476;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(1) {
    left: 1px;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(2) {
    left: 125px;
    padding-bottom: 10px;
    line-height: 1;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(2) .span__font-size {
    font-size: 58.9px;
    letter-spacing: -0.02rem;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(3) {
    left: 250px;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(3) .span__font-size {
    font-size: 40.5px;
    letter-spacing: -0.02rem;
  }
  #mv .inner .-name__fujita {
    bottom: 275px;
    right: 410px;
  }
  #mv .inner .-name__fujita p {
    font-size: 16.57px;
    margin-bottom: 3px;
  }
  #mv .inner .-name__fujita p:nth-child(1) {
    width: 164.74px;
    padding-left: 3px;
  }
  #mv .inner .-name__fujita p:nth-child(2) {
    width: 123.33px;
  }
  #mv .inner .-name__fujita p:nth-child(3) {
    width: 86.51px;
    padding-left: 1px;
  }
  #mv .inner .-name__moriyama {
    bottom: 275px;
    right: 220px;
  }
  #mv .inner .-name__moriyama p {
    font-size: 16.57px;
    margin-bottom: 3px;
  }
  #mv .inner .-name__moriyama p:nth-child(1) {
    width: 164.74px;
    padding-left: 3px;
  }
  #mv .inner .-name__moriyama p:nth-child(2) {
    width: 123.33px;
  }
  #mv .inner .-name__moriyama p:nth-child(3) {
    width: 86.51px;
    padding-left: 1px;
  }
  #mv .inner .movie__wrap {
    width: 456px;
    height: 303px;
    right: 210px;
    bottom: -40px;
  }
}
@media (max-width: 450px) {
  #mv {
    background-image: url(../images/mv_sp.png);
    height: 113.8666666667vw;
  }
  #mv .inner {
    padding: 16.2666666667vw 0 0 2.1333333333vw;
    position: relative;
  }
  #mv .inner .container {
    width: 78.5946666667vw;
    height: 73.8666666667vw;
    padding-left: 4.2666666667vw;
  }
  #mv .inner .container h1 {
    width: 63.7386666667vw;
    height: 9.8293333333vw;
    font-size: 8.672vw;
    clip-path: polygon(5% 0%, 100% 0, 95% 100%, 0 100%);
  }
  #mv .inner .container h1:nth-child(2) {
    width: 71.28vw;
    margin-top: 0.2vw;
    margin-bottom: 4.5333333333vw;
  }
  #mv .inner .container p {
    font-size: 3.4186666667vw;
    width: 34.4213333333vw;
    height: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
  #mv .inner .container p::before, #mv .inner .container p::after {
    position: absolute;
    content: "";
    background-color: #004EA2;
    width: 3.4186666667vw;
    height: 0.2853333333vw;
    top: 51%;
    transform: translateY(-50%);
  }
  #mv .inner .container p::before {
    left: 0.2666666667vw;
  }
  #mv .inner .container p::after {
    right: 0.8vw;
  }
  #mv .inner .container .-message__wrap {
    margin-bottom: -2.6666666667vw;
  }
  #mv .inner .container .-message__wrap h3 {
    font-size: 3.4666666667vw;
    letter-spacing: -0.05rem;
  }
  #mv .inner .container .-img__wrap {
    width: 60.976vw;
    height: 26.792vw;
    margin-left: -3.6533333333vw;
    position: relative;
  }
  #mv .inner .container .-img__wrap .point-content {
    position: absolute;
    background-image: url(../images/point-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.584vw;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1;
    font-weight: 500;
    font-style: italic;
    text-shadow: 0 0 2.0346666667vw #004EA2;
    text-align: center;
    padding-right: 0.8vw;
  }
  #mv .inner .container .-img__wrap .point-content .span__font-size {
    font-size: 6.7706666667vw;
    letter-spacing: -0.02rem;
  }
  #mv .inner .container .-img__wrap .point-content .span__color {
    color: #FFF476;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(1) {
    left: 0.2666666667vw;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(2) {
    left: 17.3333333333vw;
    padding-bottom: 2.6666666667vw;
    line-height: 1;
    font-size: 4.0826666667vw;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(2) .span__font-size {
    font-size: 8.1626666667vw;
    letter-spacing: -0.02rem;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(3) {
    left: 34.6666666667vw;
  }
  #mv .inner .container .-img__wrap .point-content:nth-child(3) .span__font-size {
    font-size: 5.3733333333vw;
    letter-spacing: -0.02rem;
  }
  #mv .inner .-name__fujita {
    bottom: -16vw;
    right: 28.5333333333vw;
  }
  #mv .inner .-name__fujita p {
    font-size: 2.912vw;
    letter-spacing: 0.1rem;
    margin-bottom: 0.8vw;
    line-height: 1.2;
  }
  #mv .inner .-name__fujita p:nth-child(1) {
    width: 28.952vw;
    padding-left: 0.2666666667vw;
    padding-bottom: 0.2666666667vw;
  }
  #mv .inner .-name__fujita p:nth-child(2) {
    width: 21.6746666667vw;
  }
  #mv .inner .-name__fujita p:nth-child(3) {
    width: 15.2053333333vw;
    padding-left: 0.2666666667vw;
    padding-bottom: 0.1333333333vw;
  }
  #mv .inner .-name__moriyama {
    bottom: -22.6666666667vw;
    right: 2.6666666667vw;
  }
  #mv .inner .-name__moriyama p {
    font-size: 2.912vw;
    letter-spacing: 0.1rem;
    margin-bottom: 0.8vw;
    line-height: 1.2;
  }
  #mv .inner .-name__moriyama p:nth-child(1) {
    width: 28.952vw;
    padding-left: 0.2666666667vw;
    padding-bottom: 0.2666666667vw;
  }
  #mv .inner .-name__moriyama p:nth-child(2) {
    width: 21.6746666667vw;
  }
  #mv .inner .-name__moriyama p:nth-child(3) {
    width: 15.2053333333vw;
    padding-left: 0.2666666667vw;
    padding-bottom: 0.1333333333vw;
  }
  #mv .inner .movie__wrap {
    display: none;
  }
}
/* ==== schedule coded ==== */
:root {
  --txt:#fff; /* 基本文字色 */
  --muted:#BDBDBD; /* 補助テキスト色 */
  --line:#fff; /* 罫線/ドットの色 */
  --yellow:#FFF476; /* タイトルやラベルの黄 */
  --chip:#353535; /* バッジ(平日)の背景 */
  --red:#DE3B3B; /* 日祝バッジの赤 */
}

.schedule-coded {
  background-image: url(../images/schedule_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  color: var(--txt);
  padding: 6.9444444444vw 0;
  font-family: "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Helvetica Neue", Arial, "Segoe UI", sans-serif;
}
.schedule-coded .__wrap {
  width: 62.1527777778vw;
}

/* 見出し */
.schedule-coded .eyebrow {
  display: flex;
  background-image: url(../images/schedule_head_img.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 10.3472222222vw;
  height: 1.9444444444vw;
  margin: 0 auto 1.9444444444vw auto;
}

.schedule-coded .ttl {
  font-weight: 500;
  line-height: 1;
  font-size: 2.7777777778vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--yellow);
  margin-bottom: 2.5vw;
}

.-schedule__text {
  position: relative;
  font-size: 1.3888888889vw;
  font-weight: 700;
  color: var(--yellow);
  line-height: 1;
  padding-left: 0.8333333333vw;
  margin-bottom: 1.1111111111vw;
}
.-schedule__text::before {
  position: absolute;
  content: "";
  background-color: var(--yellow);
  top: 0;
  left: 0;
  width: 0.2777777778vw;
  height: 1.3888888889vw;
}

/* 会場ブロック */
.schedule-coded .venue {
  padding: 1.3888888889vw 0 1.5277777778vw;
  border-top: 0.1388888889vw dotted var(--line);
  display: flex;
  align-items: flex-start;
}

.schedule-coded .venue:first-of-type {
  border-top: 1px solid var(--yellow);
}

.schedule-coded .venue__head {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.1111111111vw;
  flex-wrap: wrap;
}

.schedule-coded .place__wrap {
  margin-right: 2.7777777778vw;
}
.schedule-coded .place__wrap .place {
  border: solid 1px #fff;
  display: flex;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  font-size: 1.3888888889vw;
  width: 7.7777777778vw;
  height: 2.4305555556vw;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1vw;
}

.schedule-coded .access {
  color: #fff;
  font-size: 1.3888888889vw;
  line-height: 1;
}

.br-sp {
  display: none;
}

.schedule-coded .access-margin {
  margin-top: -0.1vw;
}

/* 日程の並び */
.schedule-coded .dates {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.1111111111vw 1.25vw;
  list-style: none;
  padding: 0;
  margin: 0;
}

.schedule-coded .dates li {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  font-variant-numeric: tabular-nums;
}

.schedule-coded .dates p {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  font-variant-numeric: tabular-nums;
}

.schedule-coded .dates .li-br {
  margin-right: 100%;
}

.schedule-coded .dates .li-br-2 {
  margin-right: 10%;
}

.schedule-coded .date {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 2.5vw;
  letter-spacing: 0.03rem;
  line-height: 1;
}

.schedule-coded .month {
  font-size: 1.6666666667vw;
  line-height: 1;
}

.schedule-coded .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.8055555556vw;
  border-radius: 6.9444444444vw;
  font-size: 1.25vw;
  background-color: #353535;
  color: #fff;
  font-weight: 500;
  padding: 0.3680555556vw 0.5555555556vw 0.5vw;
}

.schedule-coded .badge.-red {
  background: var(--red);
}

/* 下段インフォ */
.schedule-coded .info {
  padding-top: 1.1111111111vw;
  border-top: 0.1388888889vw dotted var(--line);
}

.-info_text {
  border-bottom: 0.1388888889vw solid var(--yellow);
  position: relative;
  font-size: 1.3888888889vw;
  font-weight: 700;
  color: var(--yellow);
  line-height: 1;
  padding-left: 0.8333333333vw;
  padding-bottom: 1.25vw;
  margin: 1.25vw 0;
}
.-info_text::before {
  position: absolute;
  content: "";
  background-color: var(--yellow);
  top: 0;
  left: 0;
  width: 0.2777777778vw;
  height: 1.3888888889vw;
}

.schedule-coded .info__row {
  display: flex;
  flex-direction: column;
  gap: 0.9722222222vw;
  align-items: flex-start;
  padding: 0 0 0.9722222222vw 0;
}
.schedule-coded .info__row p {
  margin: 0;
  line-height: 1.9;
  font-size: 1.6666666667vw;
}

@media (min-width: 1441px) {
  .schedule-coded {
    padding: 100px 0;
  }
  .schedule-coded .__wrap {
    width: 895px;
  }
  /* 見出し */
  .schedule-coded .eyebrow {
    width: 149px;
    height: 28px;
    margin: 0 auto 28px auto;
  }
  .schedule-coded .ttl {
    font-size: 40px;
    margin-bottom: 36px;
  }
  .-schedule__text {
    font-size: 20px;
    padding-left: 12px;
    margin-bottom: 16px;
  }
  .-schedule__text::before {
    width: 4px;
    height: 20px;
  }
  /* 会場ブロック */
  .schedule-coded .venue {
    padding: 20px 0 22px;
    border-top: 2px dotted var(--line);
  }
  .schedule-coded .venue__head {
    gap: 16px;
  }
  .schedule-coded .place__wrap {
    margin-right: 40px;
  }
  .schedule-coded .place__wrap .place {
    font-size: 20px;
    width: 112px;
    height: 35px;
    padding-bottom: 0.1vw;
  }
  .schedule-coded .access {
    font-size: 20px;
  }
  .schedule-coded .access-margin {
    margin-top: -0.1vw;
  }
  /* 日程の並び */
  .schedule-coded .dates {
    gap: 16px 18px;
  }
  .schedule-coded .dates li {
    gap: 8px;
  }
  .schedule-coded .date {
    font-size: 36px;
  }
  .schedule-coded .month {
    font-size: 24px;
  }
  .schedule-coded .badge {
    height: 24px;
    border-radius: 100px;
    font-size: 18px;
    padding: 5.3px 8px 7.2px;
  }
  /* 下段インフォ */
  .schedule-coded .info {
    padding-top: 16px;
    border-top: 2px dotted var(--line);
  }
  .-info_text {
    border-bottom: 2px solid var(--yellow);
    font-size: 20px;
    padding-left: 12px;
    padding-bottom: 18px;
    margin: 18px 0;
  }
  .-info_text::before {
    width: 4px;
    height: 20px;
  }
  .schedule-coded .info__row {
    gap: 14px;
    padding: 0 0 14px 0;
  }
  .schedule-coded .info__row p {
    font-size: 24px;
  }
}
@media (max-width: 450px) {
  .schedule-coded {
    padding: 16vw 5.3333333333vw;
  }
  .schedule-coded .__wrap {
    width: 100%;
  }
  /* 見出し */
  .schedule-coded .eyebrow {
    width: 25.544vw;
    height: 4.8vw;
    margin: 0 auto 5.3333333333vw auto;
  }
  .schedule-coded .ttl {
    font-size: 7.4666666667vw;
    margin-bottom: 8.5333333333vw;
  }
  .-schedule__text {
    font-size: 4.8vw;
    padding-left: 3.2vw;
    margin-bottom: 4.8vw;
  }
  .-schedule__text::before {
    width: 1.0666666667vw;
    height: 4.8vw;
  }
  /* 会場ブロック */
  .schedule-coded .venue {
    padding: 5.3333333333vw 0 5.8666666667vw;
    border-top: 0.5333333333vw dotted var(--line);
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .schedule-coded .venue:first-of-type {
    border-top: 1px solid var(--yellow);
  }
  .schedule-coded .venue__head {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4.2666666667vw;
    flex-wrap: wrap;
  }
  .schedule-coded .place__wrap {
    margin: 1.0666666667vw 0 5.3333333333vw 0;
  }
  .schedule-coded .place__wrap .place {
    border: solid 1px #fff;
    display: flex;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    font-size: 5.3333333333vw;
    width: 29.8666666667vw;
    height: 9.3333333333vw;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.1vw;
  }
  .schedule-coded .access {
    color: #fff;
    font-size: 4.2666666667vw;
    line-height: 1.4;
    text-align: center;
  }
  .br-sp {
    display: inline;
  }
  /* 日程の並び */
  .schedule-coded .dates {
    display: flex;
    flex-wrap: wrap;
    gap: 4.2666666667vw 4.8vw;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
  }
  .schedule-coded .dates li {
    display: inline-flex;
    align-items: center;
    gap: 2.1333333333vw;
    font-variant-numeric: tabular-nums;
    display: flex;
    justify-content: center;
    width: auto;
  }
  .schedule-coded .dates .li-br {
    margin-right: 0%;
    width: 100%;
  }
  .schedule-coded .dates .li-br-2 {
    margin-right: 18%;
  }
  .schedule-coded .dates .li-br-3 {
    margin-left: 20%;
  }
  .schedule-coded .date {
    font-size: 7.4666666667vw;
    letter-spacing: 0.03rem;
    line-height: 1;
  }
  .schedule-coded .month {
    font-size: 5.3333333333vw;
    line-height: 1;
  }
  .schedule-coded .badge {
    height: 5.3333333333vw;
    border-radius: 26.6666666667vw;
    font-size: 3.2vw;
    padding: 1.4133333333vw 1.3333333333vw 1.92vw 1.0666666667vw;
  }
  /* 下段インフォ */
  .schedule-coded .info {
    padding-top: 4.2666666667vw;
    border-top: 0.5333333333vw dotted var(--line);
  }
  .-info_text {
    border-bottom: 0.5333333333vw solid var(--yellow);
    font-size: 4.8vw;
    margin: 4.8vw 0;
    padding-bottom: 4.8vw;
  }
  .-info_text::before {
    position: absolute;
    content: "";
    background-color: var(--yellow);
    top: 0;
    left: 0;
    width: 1.0666666667vw;
    height: 5.3333333333vw;
  }
  .schedule-coded .info__row {
    padding: 0 0 3.7333333333vw 0;
  }
  .schedule-coded .info__row p {
    margin: 0;
    line-height: 1.9;
    font-size: 4.2666666667vw;
  }
}
.worries {
  background-image: url(../images/worries_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 5.5555555556vw 0 6.25vw 0;
}
.worries .__wrap {
  max-width: 1440px;
  width: 100%;
}
.worries .__wrap .-title__wrap {
  text-align: center;
  margin-bottom: 6.1111111111vw;
}
.worries .__wrap .-title__wrap h2 {
  font-size: 2.7777777778vw;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.03rem;
  color: #353535;
}
.worries .__wrap .-title__wrap h2:last-child {
  position: relative;
}
.worries .__wrap .-title__wrap h2:last-child::after {
  content: "";
  position: absolute;
  background-image: url(../images/worrise_title_img.png);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -1.3888888889vw;
  left: 41%;
  transform: translateX(-50%);
  width: 25vw;
  height: 1.5972222222vw;
}
.worries .__wrap .container {
  width: 76.3888888889vw;
  margin: 0 auto;
}
.worries .__wrap .container .content {
  width: 100%;
  height: 12.6388888889vw;
  position: relative;
  background-image: url(../images/worries_content_img1.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.5555555556vw;
  margin-bottom: 2.0833333333vw;
}
.worries .__wrap .container .content .-label__wrap {
  position: absolute;
  width: 12.9861111111vw;
  height: 3.8194444444vw;
  background-color: #007BC7;
  top: -1.3888888889vw;
  left: -3.4722222222vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1vw;
  transform: rotate(-15deg);
}
.worries .__wrap .container .content .-label__wrap p {
  font-size: 2.7777777778vw;
  color: #fff;
}
.worries .__wrap .container .content .-text__wrap-sp {
  display: none;
}
.worries .__wrap .container .content .-text__wrap {
  display: block;
  width: 52.1527777778vw;
  height: 100%;
  background-color: #fff;
  margin: 0 0 0 auto;
  padding: 1.3888888889vw 1.6666666667vw 1.25vw 2.2222222222vw;
  position: relative;
}
.worries .__wrap .container .content .-text__wrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/worries_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  top: 50%;
  transform: translateY(-50%);
  left: -1.2291666667vw;
}
.worries .__wrap .container .content .-text__wrap p {
  font-size: 1.25vw;
  font-weight: 400;
  letter-spacing: 0.03rem;
  line-height: 1;
  padding-bottom: 0.5555555556vw;
  margin-bottom: 0.3472222222vw;
  border-bottom: solid 1px #007BC7;
}
.worries .__wrap .container .content .-text__wrap p .underline {
  position: relative;
  z-index: 0;
}
.worries .__wrap .container .content .-text__wrap p .underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.2777777778vw;
  width: 100%;
  height: 0.7638888889vw;
  background: #FFF476;
  z-index: -1;
}
.worries .__wrap .container .content-2 {
  background-image: url(../images/worries_content_img2.png);
}
.worries .__wrap .container .content-2 .-label__wrap {
  width: 14.4444444444vw;
  top: 0.6944444444vw;
  left: auto;
  right: -3.4722222222vw;
  transform: rotate(15deg);
}
.worries .__wrap .container .content-2 .-text__wrap {
  margin: 0 auto 0 0;
}
.worries .__wrap .container .content-2 .-text__wrap::before {
  left: auto;
  right: -1.2291666667vw;
  transform: rotate(180deg);
}
.worries .__wrap .container .content-3 {
  background-image: url(../images/worries_content_img3.png);
}
.worries .__wrap .container .content-3 .-label__wrap {
  height: 6.875vw;
  line-height: 1.1;
}
.worries .__wrap .container .content-3 .-text__wrap {
  width: 54.6527777778vw;
}

@media (min-width: 1441px) {
  .worries {
    padding: 80xp 0 90px 0;
  }
  .worries .__wrap .-title__wrap {
    margin-bottom: 88px;
  }
  .worries .__wrap .-title__wrap h2 {
    font-size: 40px;
  }
  .worries .__wrap .-title__wrap h2:last-child::after {
    bottom: -20px;
    width: 360px;
    height: 23px;
  }
  .worries .__wrap .container {
    width: 1100px;
  }
  .worries .__wrap .container .content {
    height: 182px;
    padding: 8px;
    margin-bottom: 30px;
  }
  .worries .__wrap .container .content .-label__wrap {
    width: 187px;
    height: 55px;
    top: -20px;
    left: -50px;
  }
  .worries .__wrap .container .content .-label__wrap p {
    font-size: 40px;
  }
  .worries .__wrap .container .content .-text__wrap {
    width: 751px;
    padding: 20px 24px 18px 32px;
  }
  .worries .__wrap .container .content .-text__wrap::before {
    content: "";
    width: 20px;
    height: 20px;
    left: -17.7px;
  }
  .worries .__wrap .container .content .-text__wrap p {
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 5px;
  }
  .worries .__wrap .container .content .-text__wrap p .underline::after {
    content: "";
    bottom: -4px;
    height: 11px;
  }
  .worries .__wrap .container .content-2 .-label__wrap {
    width: 208px;
    top: 10px;
    right: -50px;
    left: auto;
  }
  .worries .__wrap .container .content-2 .-text__wrap::before {
    right: -17.7px;
    left: auto;
  }
  .worries .__wrap .container .content-3 .-label__wrap {
    height: 99px;
  }
  .worries .__wrap .container .content-3 .-text__wrap {
    width: 787px;
  }
}
@media (max-width: 450px) {
  .worries {
    background-image: url(../images/worries_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 22.6666666667vw 5.3333333333vw 15.2vw;
  }
  .worries .__wrap {
    max-width: 100%;
    width: 100%;
  }
  .worries .__wrap .-title__wrap {
    margin-bottom: 11.4666666667vw;
  }
  .worries .__wrap .-title__wrap h2 {
    font-size: 7.4666666667vw;
  }
  .worries .__wrap .-title__wrap h2:last-child {
    position: relative;
  }
  .worries .__wrap .-title__wrap h2:last-child::after {
    bottom: 9.6vw;
    left: 50%;
    transform: translateX(-50%);
    width: 74.4vw;
    height: 4.2666666667vw;
  }
  .worries .__wrap .container {
    width: 100%;
    margin: 0 auto;
  }
  .worries .__wrap .container .content {
    width: 100%;
    height: 113.8666666667vw;
    position: relative;
    background-image: url(../images/worries_content-sp1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 41.8666666667vw 2.9333333333vw 5.3333333333vw 2.9333333333vw;
    margin-bottom: 8vw;
  }
  .worries .__wrap .container .content .-label__wrap {
    position: absolute;
    width: 30.4vw;
    height: 9.0666666667vw;
    background-color: #007BC7;
    top: -3.3333333333vw;
    left: -4.3333333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.1vw;
    transform: rotate(-15deg);
  }
  .worries .__wrap .container .content .-label__wrap p {
    font-size: 6.4vw;
    color: #fff;
  }
  .worries .__wrap .container .content .-text__wrap {
    display: none;
  }
  .worries .__wrap .container .content .-text__wrap-sp {
    display: block;
    width: 100%;
    height: 250px;
    background-color: #fff;
    padding: 7.4666666667vw 4.2666666667vw;
    position: relative;
  }
  .worries .__wrap .container .content .-text__wrap-sp::before {
    position: absolute;
    content: "";
    background-image: url(../images/worries_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    transform: translateY(0%) translateX(-50%) rotate(90deg);
    top: -4.8vw;
    left: 50%;
  }
  .worries .__wrap .container .content .-text__wrap-sp p {
    font-size: 4.2666666667vw;
    font-weight: 400;
    letter-spacing: 0.03rem;
    line-height: 1;
    padding-bottom: 1.3333333333vw;
    margin-bottom: 0.8vw;
    border-bottom: solid 1px #007BC7;
    font-weight: 400;
  }
  .worries .__wrap .container .content .-text__wrap-sp p .underline {
    position: relative;
    z-index: 0;
  }
  .worries .__wrap .container .content .-text__wrap-sp p .underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.9333333333vw;
    width: 100%;
    height: 2.9333333333vw;
    background: #FFF476;
    z-index: -1;
  }
  .worries .__wrap .container .content-2 {
    height: 118.4vw;
    background-image: url(../images/worries_content-sp2.png);
  }
  .worries .__wrap .container .content-2 .-label__wrap {
    width: 33.6vw;
    top: -0.3333333333vw;
    left: auto;
    right: -4.3333333333vw;
    transform: rotate(15deg);
  }
  .worries .__wrap .container .content-2 .-text__wrap-sp {
    margin: 0 auto 0 0;
    height: 73.6vw;
  }
  .worries .__wrap .container .content-2 .-text__wrap-sp::before {
    left: 50%;
    top: -4.8vw;
    transform: translateY(0%) translateX(-50%) rotate(90deg);
  }
  .worries .__wrap .container .content-3 {
    height: 111.4666666667vw;
    background-image: url(../images/worries_content-sp3.png);
  }
  .worries .__wrap .container .content-3 .-label__wrap {
    height: 16vw;
    width: 30.4vw;
    line-height: 1.1;
    top: 0vw;
    left: -1vw;
  }
  .worries .__wrap .container .content-3 .-text__wrap {
    width: 100%;
  }
}
.if {
  background-image: url(../images/if_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 6.9444444444vw 0 0 0;
}
.if .__wrap {
  width: 100%;
  background: none;
  position: relative;
  background-image: url(../images/if_bg_img.png);
  background-size: 100%;
  background-position: center 25.3472222222vw;
  background-repeat: no-repeat;
  padding-bottom: 2.7777777778vw;
}
.if .__wrap .-title__wrap {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 5.5555555556vw;
}
.if .__wrap .-title__wrap h2 {
  font-size: 2.7777777778vw;
  font-weight: 500;
  color: #353535;
}
.if .__wrap .-title__wrap h2 .underline {
  position: relative;
  z-index: 0;
}
.if .__wrap .-title__wrap h2 .underline::after {
  content: "";
  position: absolute;
  left: 0.3472222222vw;
  bottom: 0vw;
  width: 98%;
  height: 1.1111111111vw;
  background: #FFF476;
  z-index: -1;
}
.if .__wrap .-title__wrap::after {
  content: "";
  position: absolute;
  background-image: url(../images/if_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -13.8888888889vw;
  left: 50%;
  transform: translateX(-50%);
  width: 13.7659722222vw;
  height: 9.7222222222vw;
  z-index: 0;
}
.if .__wrap .-title__wrap-sp {
  display: none;
}
.if .__wrap .-line__wrap {
  text-align: center;
  position: relative;
  margin-bottom: 7.9861111111dvw;
}
.if .__wrap .-line__wrap .-text__head {
  font-size: 1.9444444444vw;
  font-weight: 500;
  margin-bottom: 2.0833333333vw;
}
.if .__wrap .-line__wrap p {
  letter-spacing: 0.03rem;
  font-size: 1.6666666667vw;
  font-weight: 500;
  color: #353535;
  line-height: 1.4;
  margin-bottom: 1.8055555556vw;
}
.if .__wrap .-line__wrap p .span__font-size {
  font-size: 2.2222222222vw;
  font-weight: 600;
}
.if .__wrap .-line__wrap p:nth-child(2) {
  margin-bottom: 1.3888888889vw;
}
.if .__wrap .-line__wrap .p-margin {
  margin-bottom: 2.7777777778vw;
}
.if .__wrap .-line__wrap h2 {
  font-size: 2.7777777778vw;
  font-weight: 500;
  letter-spacing: 0.3rem;
  color: #004EA2;
  line-height: 2;
  display: flex;
  justify-content: center;
}
.if .__wrap .-line__wrap h2 .span__font-size {
  font-size: 4.4444444444vw;
  line-height: 1;
}
.if .__wrap .container {
  width: 56.0416666667vw;
  height: 20.625vw;
  background-color: #007BC7;
  margin: 0 auto;
  position: relative;
  padding-top: 3.0555555556vw;
}
.if .__wrap .container::before {
  position: absolute;
  content: "";
  background-image: url(../images/if_content_maru.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 17.0833333333vw;
  height: 17.1527777778vw;
  top: -4.3402777778vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.if .__wrap .container .-head {
  position: absolute;
  font-size: 2.2222222222vw;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.03rem;
  top: -2.0833333333vw;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.if .__wrap .container .content {
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.if .__wrap .container .content h2 {
  font-size: 4.96875vw;
  color: #fff;
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-align: center;
  padding-bottom: 1vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 0.0694444444vw;
  font-style: italic;
}
.if .__wrap .container .content h2:first-child {
  background-image: url(../images/if_content_1.png);
  width: 36.5201388889vw;
  height: 5.63125vw;
  margin-left: 2.7777777778vw;
  margin-bottom: 0.2083333333vw;
}
.if .__wrap .container .content h2:nth-child(2) {
  background-image: url(../images/if_content_2.png);
  width: 40.8402777778vw;
  height: 5.63125vw;
  margin-bottom: 0.2777777778vw;
}
.if .__wrap .container .content .last-line {
  font-size: 1.9583333333vw;
  color: #fff;
  letter-spacing: 0.3rem;
  position: relative;
}
.if .__wrap .container .content .last-line::before {
  content: "";
  position: absolute;
  background-color: #fff;
  height: 0.1631944444vw;
  width: 1.9583333333vw;
  top: 55%;
  transform: translateY(-50%);
  left: -2.4305555556vw;
}
.if .__wrap .container .content .last-line::after {
  content: "";
  position: absolute;
  background-color: #fff;
  height: 0.1631944444vw;
  width: 1.9583333333vw;
  top: 55%;
  transform: translateY(-50%);
  right: -2.0833333333vw;
}

@media (min-width: 1441px) {
  .if {
    padding: 100px 0 0 0;
  }
  .if .__wrap {
    width: 1440px;
    padding-bottom: 40px;
  }
  .if .__wrap .-title__wrap {
    margin-bottom: 80px;
  }
  .if .__wrap .-title__wrap h2 {
    font-size: 40px;
  }
  .if .__wrap .-title__wrap h2 .underline::after {
    left: 5px;
    bottom: 0;
    height: 16px;
  }
  .if .__wrap .-title__wrap::after {
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    width: 198.23px;
    height: 140px;
  }
  .if .__wrap .-line__wrap {
    margin-bottom: 115px;
  }
  .if .__wrap .-line__wrap .-text__head {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .if .__wrap .-line__wrap p {
    font-size: 24px;
    margin-bottom: 26px;
  }
  .if .__wrap .-line__wrap p .span__font-size {
    font-size: 32px;
  }
  .if .__wrap .-line__wrap p:nth-child(2) {
    margin-bottom: 20px;
  }
  .if .__wrap .-line__wrap .p-margin {
    margin-bottom: 40px;
  }
  .if .__wrap .-line__wrap h2 {
    font-size: 40px;
  }
  .if .__wrap .-line__wrap h2 .span__font-size {
    font-size: 64px;
  }
  .if .__wrap .container {
    width: 807px;
    height: 297px;
    padding-top: 44px;
  }
  .if .__wrap .container::before {
    content: "";
    width: 246px;
    height: 247px;
    top: -62.5px;
    left: 50%;
    transform: translateX(-50%);
  }
  .if .__wrap .container .-head {
    font-size: 32px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
  }
  .if .__wrap .container .content h2 {
    font-size: 71.55px;
    background-position: 100% 1px;
  }
  .if .__wrap .container .content h2:first-child {
    width: 525.89px;
    height: 81.09px;
    margin-left: 40px;
    margin-bottom: 3px;
  }
  .if .__wrap .container .content h2:nth-child(2) {
    width: 588.1px;
    height: 81.09px;
    margin-bottom: 4px;
  }
  .if .__wrap .container .content .last-line {
    font-size: 28.2px;
  }
  .if .__wrap .container .content .last-line::before {
    height: 2.35px;
    width: 28.2px;
    top: 55%;
    transform: translateY(-50%);
    left: -35px;
  }
  .if .__wrap .container .content .last-line::after {
    height: 2.35px;
    width: 28.2px;
    top: 55%;
    transform: translateY(-50%);
    right: -30px;
  }
}
@media (max-width: 450px) {
  .if {
    padding: 16vw 0 0 0;
  }
  .if .__wrap {
    width: 100%;
    background: none;
    position: relative;
    background-image: url(../images/if_bg_img.png);
    background-size: 100%;
    background-position: center 97.3333333333vw;
    background-repeat: no-repeat;
    padding-bottom: 0vw;
  }
  .if .__wrap .-title__wrap {
    display: none;
  }
  .if .__wrap .-title__wrap-sp {
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 11.3333333333vw;
  }
  .if .__wrap .-title__wrap-sp h2 {
    font-size: 4.2666666667vw;
    font-weight: 500;
    color: #353535;
  }
  .if .__wrap .-title__wrap-sp h2 .underline {
    position: relative;
    z-index: 0;
  }
  .if .__wrap .-title__wrap-sp h2 .underline::after {
    content: "";
    position: absolute;
    left: 0vw;
    bottom: 0vw;
    width: 98%;
    height: 2.1333333333vw;
    background: #FFF476;
    z-index: -1;
  }
  .if .__wrap .-title__wrap-sp::after {
    content: "";
    position: absolute;
    background-image: url(../images/if_arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -34.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 39.3386666667vw;
    height: 27.768vw;
    z-index: 0;
  }
  .if .__wrap .-line__wrap {
    text-align: center;
    position: relative;
    margin-bottom: 17.3333333333dvw;
  }
  .if .__wrap .-line__wrap .-text__head {
    font-size: 5.5466666667vw;
    font-weight: 500;
    margin-bottom: 5.3333333333vw;
  }
  .if .__wrap .-line__wrap p {
    letter-spacing: 0.03rem;
    font-size: 4.8vw;
    font-weight: 500;
    color: #353535;
    line-height: 1.4;
    margin-bottom: 5.3333333333vw;
  }
  .if .__wrap .-line__wrap p .span__font-size {
    font-size: 7.4666666667vw;
    font-weight: 600;
  }
  .if .__wrap .-line__wrap p:nth-child(2) {
    margin-bottom: 0vw;
  }
  .if .__wrap .-line__wrap p:nth-child(3) {
    margin-bottom: 8vw;
  }
  .if .__wrap .-line__wrap p:nth-child(4) {
    line-height: 1.8;
  }
  .if .__wrap .-line__wrap .p-margin {
    margin-top: -3.2vw;
    margin-bottom: 10.6666666667vw;
  }
  .if .__wrap .-line__wrap h2 {
    font-size: 6.7066666667vw;
    font-weight: 500;
    letter-spacing: 0.05rem;
    color: #004EA2;
    line-height: 1.8;
    display: flex;
    justify-content: center;
  }
  .if .__wrap .-line__wrap h2 .span__font-size {
    font-size: 10.7306666667vw;
    line-height: 1;
    margin-right: 0.7vw;
  }
  .if .__wrap .container {
    width: 100%;
    height: 47.04vw;
    background-color: #007BC7;
    margin: 0 auto;
    position: relative;
    padding-top: 5.3333333333vw;
  }
  .if .__wrap .container::before {
    position: absolute;
    content: "";
    background-image: url(../images/if_content_maru.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 39.04vw;
    height: 39.04vw;
    top: -11.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  .if .__wrap .container .-head {
    position: absolute;
    font-size: 5.0693333333vw;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.03rem;
    top: -5.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .if .__wrap .container .content {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .if .__wrap .container .content h2 {
    font-size: 11.3333333333vw;
    color: #fff;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: 0.1rem;
    text-align: center;
    padding-bottom: 1vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0.2666666667vw;
    font-style: italic;
  }
  .if .__wrap .container .content h2:first-child {
    background-image: url(../images/if_content_1.png);
    width: 83.2906666667vw;
    height: 12.8426666667vw;
    margin-left: 5.3333333333vw;
    margin-bottom: 0.2666666667vw;
  }
  .if .__wrap .container .content h2:nth-child(2) {
    background-image: url(../images/if_content_2.png);
    width: 93.144vw;
    height: 12.8426666667vw;
    margin-bottom: 2.1333333333vw;
  }
  .if .__wrap .container .content .last-line {
    font-size: 4.4666666667vw;
    color: #fff;
    letter-spacing: 0.3rem;
    position: relative;
  }
  .if .__wrap .container .content .last-line::before {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 0.3733333333vw;
    width: 4.4666666667vw;
    top: 55%;
    transform: translateY(-50%);
    left: -6.6666666667vw;
  }
  .if .__wrap .container .content .last-line::after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 0.3733333333vw;
    width: 4.4666666667vw;
    top: 55%;
    transform: translateY(-50%);
    right: -5.3333333333vw;
  }
}
.change {
  background-image: url(../images/change_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 6.9444444444vw 0 0 0;
}
.change .__wrap {
  width: 83.3333333333vw;
  margin: 0 auto;
}
.change .__wrap .-title__wrap {
  width: 36.7361111111vw;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 4.7222222222vw;
  position: relative;
}
.change .__wrap .-title__wrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/change_line_left.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 3.75vw;
  height: 7.2222222222vw;
  top: 50%;
  transform: translateY(-50%);
  left: -5.125vw;
}
.change .__wrap .-title__wrap::after {
  position: absolute;
  content: "";
  background-image: url(../images/change_line_right.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 3.75vw;
  height: 7.2222222222vw;
  top: 50%;
  transform: translateY(-50%);
  right: -5.125vw;
}
.change .__wrap .-title__wrap h2 {
  color: #004EA2;
  font-size: 2.7777777778vw;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.03rem;
}
.change .__wrap .container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.change .__wrap .container .content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.1166666667vw;
}
.change .__wrap .container .content .-img__wrap {
  width: 25vw;
  height: 18.0555555556vw;
}
.change .__wrap .container .content .-text__wrap {
  width: 55.5555555556vw;
}
.change .__wrap .container .content .-text__wrap .-head {
  font-size: 1.25vw;
  font-family: var(--roboto);
  color: #004EA2;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.8333333333vw;
}
.change .__wrap .container .content .-text__wrap .content-title__wrap {
  display: block;
}
.change .__wrap .container .content .-text__wrap .content-title__wrap h4 {
  font-size: 2.2222222222vw;
  font-weight: 500;
  letter-spacing: 0.03rem;
  line-height: 1.4;
}
.change .__wrap .container .content .-text__wrap .content-title__wrap h4:last-child {
  margin-bottom: 1.1111111111vw;
}
.change .__wrap .container .content .-text__wrap .content-title__wrap-sp {
  display: none;
}
.change .__wrap .container .content .-text__wrap .content-text {
  font-size: 1.25vw;
  font-weight: 400;
  letter-spacing: 0.025rem;
  line-height: 1.6;
}
.change .__wrap .container .content .-text__wrap .content-text .underline {
  text-decoration: underline;
  text-decoration-color: #FFF476;
  text-decoration-thickness: 0.5555555556vw;
  text-underline-offset: -0.2083333333vw;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.change .__wrap .container .content:nth-child(2) .-img__wrap {
  order: 2;
}
.change .__wrap .container .content:nth-child(4) .-img__wrap {
  order: 2;
}

@media (min-width: 1441px) {
  .change {
    padding: 100px 0 0 0;
  }
  .change .__wrap {
    width: 1200px;
  }
  .change .__wrap .-title__wrap {
    width: 529px;
    margin-bottom: 68px;
  }
  .change .__wrap .-title__wrap::before {
    width: 54px;
    height: 104px;
    top: 50%;
    transform: translateY(-50%);
    left: -73.8px;
  }
  .change .__wrap .-title__wrap::after {
    content: "";
    width: 54px;
    height: 104px;
    top: 50%;
    transform: translateY(-50%);
    right: -73.8px;
  }
  .change .__wrap .-title__wrap h2 {
    font-size: 40px;
  }
  .change .__wrap .container .content {
    margin-bottom: 59.28px;
  }
  .change .__wrap .container .content .-img__wrap {
    width: 360px;
    height: 260px;
  }
  .change .__wrap .container .content .-text__wrap {
    width: 800px;
  }
  .change .__wrap .container .content .-text__wrap .-head {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .change .__wrap .container .content .-text__wrap .content-title__wrap h4 {
    font-size: 32px;
  }
  .change .__wrap .container .content .-text__wrap .content-title__wrap h4:last-child {
    margin-bottom: 16px;
  }
  .change .__wrap .container .content .-text__wrap .content-text {
    font-size: 18px;
  }
  .change .__wrap .container .content .-text__wrap .content-text .underline {
    text-decoration-thickness: 8px;
    text-underline-offset: -3px;
  }
}
@media (max-width: 450px) {
  .change {
    padding: 16vw 0 0 0;
  }
  .change .__wrap {
    width: 100%;
  }
  .change .__wrap .-title__wrap {
    width: 70.6666666667vw;
    margin-bottom: 8.5333333333vw;
    position: relative;
  }
  .change .__wrap .-title__wrap::before {
    position: absolute;
    content: "";
    background-image: url(../images/change_line_left.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 8.4vw;
    height: 14.7333333333vw;
    top: 50%;
    transform: translateY(-50%);
    left: -10.8vw;
  }
  .change .__wrap .-title__wrap::after {
    position: absolute;
    content: "";
    background-image: url(../images/change_line_right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 8.4vw;
    height: 14.7333333333vw;
    top: 50%;
    transform: translateY(-50%);
    right: -9.68vw;
  }
  .change .__wrap .-title__wrap h2 {
    color: #004EA2;
    font-size: 5.3333333333vw;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.03rem;
  }
  .change .__wrap .container {
    width: 100%;
  }
  .change .__wrap .container .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 8.5333333333vw;
  }
  .change .__wrap .container .content .-img__wrap {
    width: 89.3333333333vw;
    height: 64.5173333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .change .__wrap .container .content .-text__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .change .__wrap .container .content .-text__wrap .-head {
    font-size: 4.2666666667vw;
    text-align: center;
    margin-bottom: 2.6666666667vw;
  }
  .change .__wrap .container .content .-text__wrap .content-title__wrap {
    display: none;
  }
  .change .__wrap .container .content .-text__wrap .content-title__wrap-sp {
    display: block;
  }
  .change .__wrap .container .content .-text__wrap .content-title__wrap-sp h4 {
    font-size: 5.3333333333vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
  }
  .change .__wrap .container .content .-text__wrap .content-title__wrap-sp h4:last-child {
    margin-bottom: 4.2666666667vw;
  }
  .change .__wrap .container .content .-text__wrap .content-text {
    font-size: 4.2666666667vw;
    font-weight: 300;
    letter-spacing: 0.025rem;
    line-height: 1.6;
    padding: 0 5.3333333333vw;
  }
  .change .__wrap .container .content .-text__wrap .content-text .underline {
    text-decoration: underline;
    text-decoration-color: #FFF476;
    text-decoration-thickness: 2.1333333333vw;
    text-underline-offset: -0.8vw;
  }
  .change .__wrap .container .content:nth-child(2) .-img__wrap {
    order: 1;
  }
  .change .__wrap .container .content:nth-child(2) .-text__wrap {
    order: 2;
  }
  .change .__wrap .container .content:nth-child(4) .-img__wrap {
    order: 1;
  }
  .change .__wrap .container .content:nth-child(4) .-text__wrap {
    order: 2;
  }
}
.arrow {
  width: 100%;
}
.arrow .__wrap {
  background-image: url(../images/arrow_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  margin-bottom: 1.3888888889vw;
  padding: 1.3888888889vw 0 4.1666666667vw;
}
.arrow .__wrap h2 {
  font-size: 2.7777777778vw;
  color: #fff;
  text-align: center;
}

.arrow-2 {
  width: 100%;
}
.arrow-2 .__wrap {
  background-image: url(../images/arrow_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  margin-bottom: 1.3888888889vw;
  padding: 2.0833333333vw 0 4.1666666667vw;
  position: relative;
}
.arrow-2 .__wrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/banner_2_icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  top: -6vw;
  left: 50%;
  transform: translateX(-50%);
}
.arrow-2 .__wrap h2 {
  font-size: 2.7777777778vw;
  color: #fff;
  text-align: center;
}
.arrow-2 .__wrap h2 .span__color {
  color: #FFF476;
}
.arrow-2 .__wrap p {
  font-size: 1.1111111111vw;
  text-align: center;
  color: #fff;
}

@media (min-width: 1441px) {
  .arrow .__wrap {
    width: 1440px;
    padding: 20px 0 60px;
    margin-bottom: 20px;
  }
  .arrow .__wrap h2 {
    font-size: 40px;
  }
  .arrow-2 {
    width: 100%;
  }
  .arrow-2 .__wrap {
    margin-bottom: 20px;
    padding: 30px 0 60px;
  }
  .arrow-2 .__wrap::before {
    width: 120px;
    height: 120px;
    top: -86.4px;
    left: 50%;
    transform: translateX(-50%);
  }
  .arrow-2 .__wrap h2 {
    font-size: 40px;
  }
  .arrow-2 .__wrap p {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .arrow {
    width: 100%;
  }
  .arrow .__wrap {
    background-image: url(../images/arrow_img_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    margin-bottom: 5.3333333333vw;
    padding: 4vw 0 10.6666666667vw;
  }
  .arrow .__wrap h2 {
    font-size: 5.3333333333vw;
    color: #fff;
    text-align: center;
    line-height: 1.4;
  }
  .arrow-2 {
    width: 100%;
  }
  .arrow-2 .__wrap {
    margin-bottom: 5.3333333333vw;
    padding: 6.6666666667vw 0 10.6666666667vw;
  }
  .arrow-2 .__wrap::before {
    width: 20.6266666667vw;
    height: 20.6266666667vw;
    top: -15.04vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .arrow-2 .__wrap h2 {
    font-size: 5.3333333333vw;
  }
  .arrow-2 .__wrap p {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
  }
}
.voice {
  width: 100%;
}
.voice .__wrap {
  width: 100%;
}
.voice .__wrap .-title__wrap {
  text-align: center;
}
.voice .__wrap .-title__wrap h2 {
  font-size: 2.7777777778vw;
  color: #353535;
  font-weight: 600;
  letter-spacing: 0.03rem;
  margin-bottom: 0.5555555556vw;
}
.voice .__wrap .-title__wrap h2 .span__color {
  color: #004EA2;
}
.voice .__wrap .-title__wrap h2 .span__font-size {
  font-size: 3.6111111111vw;
}
.voice .__wrap .-title__wrap .-pc {
  display: block;
}
.voice .__wrap .-title__wrap .-sp {
  display: none;
}
.voice .__wrap .-title__wrap p:nth-child(3) {
  font-size: 1.1111111111vw;
  color: #004EA2;
  margin-bottom: 1.3888888889vw;
  letter-spacing: 0.03rem;
  font-weight: 500;
}
.voice .__wrap .-title__wrap p:nth-child(4) {
  font-size: 1.25vw;
  color: #353535;
  margin-bottom: 2.7777777778vw;
  letter-spacing: 0.03rem;
  line-height: 1.8;
}
.voice .__wrap .container {
  width: 76.3888888889vw;
  margin: 0 auto 4.3055555556vw auto;
}
.voice .__wrap .container .content {
  width: 100%;
  border: solid 0.2083333333vw #007BC7;
  border-radius: 1.3888888889vw;
  background-color: #F8FDFF;
  padding: 2.9166666667vw 4.1666666667vw 3.3333333333vw 4.1666666667vw;
  margin-bottom: 1.3888888889vw;
}
.voice .__wrap .container .content .-head__wrap {
  display: flex;
  margin-bottom: 1.5972222222vw;
}
.voice .__wrap .container .content .-head__wrap .-img__wrap {
  width: 6.3888888889vw;
  height: 6.3888888889vw;
  margin-top: -0.6944444444vw;
  margin-right: 1.9444444444vw;
}
.voice .__wrap .container .content .-head__wrap .-line__wrap h3 {
  font-size: 1.9444444444vw;
  color: #004EA2;
  letter-spacing: 0.03rem;
  line-height: 1.4;
  font-weight: 400;
}
.voice .__wrap .container .content .-head__wrap .-line__wrap p {
  font-size: 1.25vw;
  letter-spacing: 0.03rem;
  color: #353535;
}
.voice .__wrap .container .content .-text__wrap p {
  font-size: 1.25vw;
  color: #353535;
  letter-spacing: 0.03rem;
  line-height: 1.8;
}
.voice .__wrap .container .content-2 .-head__wrap,
.voice .__wrap .container .content-4 .-head__wrap,
.voice .__wrap .container .content-5 .-head__wrap {
  margin-bottom: 0.6944444444vw;
}
.voice .__wrap .container .content-2 .-head__wrap .-img__wrap,
.voice .__wrap .container .content-4 .-head__wrap .-img__wrap,
.voice .__wrap .container .content-5 .-head__wrap .-img__wrap {
  margin-top: 0.6944444444vw;
}
.voice .__wrap .-foot__wrap {
  text-align: center;
  margin-bottom: 1.7361111111vw;
}
.voice .__wrap .-foot__wrap .-line {
  width: 74.8611111111vw;
  margin: 0 auto;
  margin-bottom: 1.6666666667vw;
  position: relative;
}
.voice .__wrap .-foot__wrap .-line h2 {
  font-size: 2.7777777778vw;
  color: #004EA2;
  font-weight: 600;
  letter-spacing: 0.05rem;
  line-height: 2;
}
.voice .__wrap .-foot__wrap .-line::before {
  position: absolute;
  content: "";
  background-image: url(../images/voice_kakko_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  top: 0;
  left: 0;
}
.voice .__wrap .-foot__wrap .-line::after {
  position: absolute;
  content: "";
  background-image: url(../images/voice_kakko_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
.voice .__wrap .-foot__wrap p {
  font-size: 1.25vw;
  color: #353535;
  line-height: 2.2;
  letter-spacing: 0.03rem;
}

@media (min-width: 1441px) {
  .voice .__wrap {
    width: 1440px;
  }
  .voice .__wrap .-title__wrap h2 {
    font-size: 40px;
    margin-bottom: 8px;
  }
  .voice .__wrap .-title__wrap h2 .span__font-size {
    font-size: 52px;
  }
  .voice .__wrap .-title__wrap p:nth-child(3) {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .voice .__wrap .-title__wrap p:nth-child(4) {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .voice .__wrap .container {
    width: 1100px;
    margin-bottom: 62px;
  }
  .voice .__wrap .container .content {
    border: solid 3px #007BC7;
    border-radius: 20px;
    padding: 42px 60px 48px 60px;
    margin-bottom: 20px;
  }
  .voice .__wrap .container .content .-head__wrap {
    margin-bottom: 23px;
  }
  .voice .__wrap .container .content .-head__wrap .-img__wrap {
    width: 92px;
    height: 92px;
    margin-top: -10px;
    margin-right: 28px;
  }
  .voice .__wrap .container .content .-head__wrap .-line__wrap h3 {
    font-size: 28px;
  }
  .voice .__wrap .container .content .-head__wrap .-line__wrap p {
    font-size: 18px;
  }
  .voice .__wrap .container .content .-text__wrap p {
    font-size: 18px;
  }
  .voice .__wrap .container .content-2 .-head__wrap,
  .voice .__wrap .container .content-4 .-head__wrap,
  .voice .__wrap .container .content-5 .-head__wrap {
    margin-bottom: 10px;
  }
  .voice .__wrap .container .content-2 .-head__wrap .-img__wrap,
  .voice .__wrap .container .content-4 .-head__wrap .-img__wrap,
  .voice .__wrap .container .content-5 .-head__wrap .-img__wrap {
    margin-top: 10px;
  }
  .voice .__wrap .-foot__wrap {
    margin-bottom: 25px;
  }
  .voice .__wrap .-foot__wrap .-line {
    width: 1078px;
    margin-bottom: 24px;
  }
  .voice .__wrap .-foot__wrap .-line h2 {
    font-size: 40px;
  }
  .voice .__wrap .-foot__wrap .-line::before {
    width: 24px;
    height: 24px;
  }
  .voice .__wrap .-foot__wrap .-line::after {
    width: 24px;
    height: 24px;
  }
  .voice .__wrap .-foot__wrap p {
    font-size: 18px;
  }
}
@media (max-width: 450px) {
  .voice .__wrap .-title__wrap h2 {
    font-size: 7.08vw;
    margin-bottom: 2.1333333333vw;
    line-height: 1.4;
  }
  .voice .__wrap .-title__wrap h2 .span__font-size {
    font-size: 9.2026666667vw;
  }
  .voice .__wrap .-title__wrap .-pc {
    display: none;
  }
  .voice .__wrap .-title__wrap .-sp {
    display: block;
  }
  .voice .__wrap .-title__wrap p:nth-child(3) {
    font-size: 2.9333333333vw;
    color: #004EA2;
    margin-bottom: 5.3333333333vw;
    letter-spacing: 0.03rem;
    font-weight: 500;
  }
  .voice .__wrap .-title__wrap p:nth-child(4) {
    font-size: 4.2666666667vw;
    color: #353535;
    margin-bottom: 5.3333333333vw;
    letter-spacing: 0.03rem;
    line-height: 1.8;
  }
  .voice .__wrap .container {
    width: 100%;
    padding: 0 5.3333333333vw;
    margin-bottom: 9.3333333333vw;
  }
  .voice .__wrap .container .content {
    border: solid 0.2666666667vw #007BC7;
    border-radius: 3.2vw;
    padding: 4.2666666667vw 4.2666666667vw 6.4vw 4.2666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .voice .__wrap .container .content .-head__wrap {
    margin-bottom: 4vw;
    flex-direction: column;
    align-items: self-start;
  }
  .voice .__wrap .container .content .-head__wrap .-img__wrap {
    width: 24.5333333333vw;
    height: 24.5333333333vw;
    margin: 0 auto 6.4vw auto;
  }
  .voice .__wrap .container .content .-head__wrap .-line__wrap h3 {
    font-size: 5.3333333333vw;
    color: #004EA2;
    letter-spacing: 0.01rem;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 3.2vw;
  }
  .voice .__wrap .container .content .-head__wrap .-line__wrap p {
    font-size: 3.2vw;
    letter-spacing: 0.03rem;
    color: #353535;
  }
  .voice .__wrap .container .content .-text__wrap p {
    font-size: 4.2666666667vw;
    color: #353535;
    letter-spacing: 0.03rem;
    line-height: 1.6;
  }
  .voice .__wrap .container .content-2 .-head__wrap,
  .voice .__wrap .container .content-4 .-head__wrap,
  .voice .__wrap .container .content-5 .-head__wrap {
    margin-bottom: 4vw;
  }
  .voice .__wrap .container .content-2 .-head__wrap .-img__wrap,
  .voice .__wrap .container .content-4 .-head__wrap .-img__wrap,
  .voice .__wrap .container .content-5 .-head__wrap .-img__wrap {
    margin-top: 0vw;
  }
  .voice .__wrap .-foot__wrap {
    text-align: center;
    margin-bottom: 10.6666666667vw;
  }
  .voice .__wrap .-foot__wrap .-line {
    width: 88vw;
    margin: 0 auto;
    margin-bottom: 5.3333333333vw;
    position: relative;
  }
  .voice .__wrap .-foot__wrap .-line h2 {
    font-size: 5.3333333333vw;
    color: #004EA2;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 1.6;
    height: 22.4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1vw;
  }
  .voice .__wrap .-foot__wrap .-line::before {
    position: absolute;
    content: "";
    background-image: url(../images/voice_kakko_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 6.4vw;
    height: 6.4vw;
    top: 0;
    left: 0;
  }
  .voice .__wrap .-foot__wrap .-line::after {
    position: absolute;
    content: "";
    background-image: url(../images/voice_kakko_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 6.4vw;
    height: 6.4vw;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
  }
  .voice .__wrap .-foot__wrap p {
    font-size: 4.2666666667vw;
    color: #353535;
    line-height: 1.8;
    letter-spacing: 0.03rem;
  }
}
.teacher {
  width: 100%;
}
.teacher .-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.375vw;
  background: linear-gradient(to right, rgba(0, 123, 199, 0) 0%, #007BC7 20%, #007BC7 80%, rgba(0, 123, 199, 0) 100%);
}
.teacher .-banner p {
  font-size: 1.9444444444vw;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.03rem;
}
.teacher .-banner p .span__color {
  color: #FFF476;
}
.teacher .__wrap {
  width: 100%;
  padding: 3.1944444444vw 0 7.6388888889vw 0;
}
.teacher .__wrap p {
  color: #353535;
  font-size: 1.6666666667vw;
  text-align: center;
  margin-bottom: 3.1944444444vw;
}
.teacher .__wrap .container {
  width: 72.2222222222vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.teacher .__wrap .container .content {
  width: 33.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.teacher .__wrap .container .content .-img__wrap {
  width: 19.4444444444vw;
  height: 22.2222222222vw;
  margin-bottom: 1.3888888889vw;
}
.teacher .__wrap .container .content .-text__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.teacher .__wrap .container .content .-text__wrap .-head {
  color: #fff;
  display: inline-flex;
  margin: 0 auto;
  font-size: 1.25vw;
  letter-spacing: 0.1rem;
}
.teacher .__wrap .container .content .-text__wrap .-head .underline {
  position: relative;
  z-index: 0;
}
.teacher .__wrap .container .content .-text__wrap .-head .underline::after {
  content: "";
  position: absolute;
  left: -0.6944444444vw;
  bottom: 0.1215277778vw;
  width: 108%;
  height: 1.6666666667vw;
  background: #353535;
  z-index: -1;
}
.teacher .__wrap .container .content .-text__wrap .-head__2 {
  margin-bottom: 0.8333333333vw;
}
.teacher .__wrap .container .content .-text__wrap .-head__2 .underline::after {
  left: -0.4166666667vw;
}
.teacher .__wrap .container .content .-text__wrap h4 {
  font-size: 2.2222222222vw;
  text-align: center;
  margin-bottom: 0.8333333333vw;
  font-weight: 400;
  color: #353535;
}
.teacher .__wrap .container .content .-text__wrap .-message {
  font-size: 1.1111111111vw;
  color: #353535;
  text-align: start;
  letter-spacing: 0.025rem;
}
.teacher .__wrap .container .content .-text__wrap .-message .underline {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #FFF476;
  text-decoration-thickness: 0.9722222222vw;
  text-underline-offset: -0.9722222222vw;
}
.teacher .__wrap .container .content-2 .-text__wrap .-head .underline::after {
  left: -0.3472222222vw;
}
.teacher .__wrap .container .content-2 .-text__wrap .-head__2 .underline::after {
  left: -0.4166666667vw;
}
.teacher .__wrap .container .content-2 .-text__wrap .-message .none-blod {
  font-weight: 400;
}
.teacher .__wrap h2 {
  font-size: 2.7777777778vw;
  color: #004EA2;
  text-align: center;
  letter-spacing: 0.03rem;
  line-height: 1.6;
  font-weight: 500;
}

@media (min-width: 1441px) {
  .teacher {
    width: 100%;
  }
  .teacher .-banner {
    width: 1440px;
    margin: 0 auto;
    background: linear-gradient(to right, rgba(0, 123, 199, 0) 0%, #007BC7 20%, #007BC7 80%, rgba(0, 123, 199, 0) 100%);
  }
  .teacher .-banner p {
    font-size: 1.9444444444vw;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.03rem;
  }
  .teacher .-banner p .span__color {
    color: #FFF476;
  }
  .teacher .__wrap {
    padding: 46px 0 110px 0;
  }
  .teacher .__wrap p {
    font-size: 24pxc;
    margin-bottom: 46px;
  }
  .teacher .__wrap .container {
    width: 1040px;
  }
  .teacher .__wrap .container .content {
    width: 480px;
  }
  .teacher .__wrap .container .content .-img__wrap {
    width: 280px;
    height: 320px;
    margin-bottom: 20px;
  }
  .teacher .__wrap .container .content .-text__wrap .-head {
    font-size: 18px;
  }
  .teacher .__wrap .container .content .-text__wrap .-head .underline::after {
    left: -10px;
    bottom: 1.75px;
    height: 24px;
  }
  .teacher .__wrap .container .content .-text__wrap .-head__2 {
    margin-bottom: 12px;
  }
  .teacher .__wrap .container .content .-text__wrap .-head__2 .underline::after {
    left: -6px;
  }
  .teacher .__wrap .container .content .-text__wrap h4 {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .teacher .__wrap .container .content .-text__wrap .-message {
    font-size: 16px;
  }
  .teacher .__wrap .container .content .-text__wrap .-message .underline {
    text-decoration-thickness: 14px;
    text-underline-offset: -14px;
  }
  .teacher .__wrap .container .content-2 .-text__wrap .-head .underline::after {
    left: -5px;
  }
  .teacher .__wrap .container .content-2 .-text__wrap .-head__2 .underline::after {
    left: -6px;
  }
  .teacher .__wrap h2 {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .teacher .-banner {
    height: 24.2666666667vw;
    background: linear-gradient(to right, rgba(0, 123, 199, 0.6) 0%, #007BC7 10%, #007BC7 90%, rgba(0, 123, 199, 0.6) 100%);
  }
  .teacher .-banner p {
    font-size: 5.3333333333vw;
    text-align: center;
  }
  .teacher .__wrap {
    padding: 10.6666666667vw 4.5333333333vw 21.3333333333vw 4.5333333333vw;
  }
  .teacher .__wrap p {
    font-size: 4.2666666667vw;
    margin-bottom: 8vw;
  }
  .teacher .__wrap .container {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10.6666666667vw;
  }
  .teacher .__wrap .container .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .teacher .__wrap .container .content .-img__wrap {
    width: 74.6666666667vw;
    height: 85.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .teacher .__wrap .container .content .-text__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .teacher .__wrap .container .content .-text__wrap .-head {
    color: #fff;
    display: inline-flex;
    margin: 0 auto;
    font-size: 4.8vw;
    letter-spacing: 0.1rem;
  }
  .teacher .__wrap .container .content .-text__wrap .-head .underline {
    position: relative;
    z-index: 0;
  }
  .teacher .__wrap .container .content .-text__wrap .-head .underline::after {
    content: "";
    position: absolute;
    left: -2.6666666667vw;
    bottom: 0.4666666667vw;
    width: 108%;
    height: 6.4vw;
    background: #353535;
    z-index: -1;
  }
  .teacher .__wrap .container .content .-text__wrap .-head__2 {
    margin-bottom: 3.2vw;
  }
  .teacher .__wrap .container .content .-text__wrap .-head__2 .underline::after {
    left: -1.6vw;
  }
  .teacher .__wrap .container .content .-text__wrap h4 {
    font-size: 8.5333333333vw;
    text-align: center;
    margin-bottom: 3.2vw;
    font-weight: 400;
  }
  .teacher .__wrap .container .content .-text__wrap .-message {
    font-size: 4.2666666667vw;
    color: #353535;
    text-align: start;
    width: 89.3333333333vw;
    margin: 0 auto;
  }
  .teacher .__wrap .container .content .-text__wrap .-message .underline {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #FFF476;
    text-decoration-thickness: 3.7333333333vw;
    text-underline-offset: -3.7333333333vw;
  }
  .teacher .__wrap .container .content-2 .-text__wrap .-head .underline::after {
    left: -1.3333333333vw;
  }
  .teacher .__wrap .container .content-2 .-text__wrap .-head__2 .underline::after {
    left: -1.6vw;
  }
  .teacher .__wrap h2 {
    font-size: 5.3333333333vw;
    letter-spacing: 0.01rem;
    line-height: 1.5;
  }
}
.present {
  width: 100%;
  padding: 1.3888888889vw 0 8.3333333333vw;
}
.present .__wrap {
  width: 100%;
}
.present .__wrap .container {
  width: 83.3333333333vw;
  margin: 0 auto 6.25vw auto;
}
.present .__wrap .container .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25vw;
}
.present .__wrap .container .content .-img__wrap {
  width: 25vw;
  height: 18.0555555556vw;
}
.present .__wrap .container .content .-text__wrap {
  padding-top: 2.0833333333vw;
  width: 55.5555555556vw;
}
.present .__wrap .container .content .-text__wrap .-card {
  width: 5.6944444444vw;
  height: 2.3611111111vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF476;
  margin-bottom: 0.6944444444vw;
}
.present .__wrap .container .content .-text__wrap .-card p {
  font-size: 1.25vw;
  color: #004EA2;
  font-weight: 500;
}
.present .__wrap .container .content .-text__wrap h3 {
  font-size: 2.2222222222vw;
  font-weight: 500;
  color: #353535;
}
.present .__wrap .container .content .-text__wrap .-price {
  font-size: 1.25vw;
  font-weight: 500;
  letter-spacing: 0.025rem;
  margin-bottom: 1.3888888889vw;
  color: #353535;
}
.present .__wrap .container .content .-text__wrap .-message {
  font-size: 1.25vw;
  letter-spacing: 0.025rem;
  line-height: 1.8;
  color: #353535;
}
.present .__wrap .-message__wrap {
  text-align: center;
  margin: 0 auto;
  flex-direction: column;
}
.present .__wrap .-message__wrap p {
  display: inline;
  text-align: center;
  font-size: 1.6666666667vw;
  line-height: 2.2;
  border-bottom: solid 1px #007BC7;
  padding-bottom: 0.6944444444vw;
  letter-spacing: 0.03rem;
  color: #353535;
}
.present .__wrap .-sp {
  display: none;
}

@media (min-width: 1441px) {
  .present {
    padding: 20px 0 120px;
  }
  .present .__wrap {
    width: 1440px;
  }
  .present .__wrap .container {
    width: 1200px;
    margin: 0 auto 90px auto;
  }
  .present .__wrap .container .content {
    margin-bottom: 18px;
  }
  .present .__wrap .container .content .-img__wrap {
    width: 360px;
    height: 260px;
  }
  .present .__wrap .container .content .-text__wrap {
    padding-top: 30px;
    width: 800px;
  }
  .present .__wrap .container .content .-text__wrap .-card {
    width: 82px;
    height: 34px;
    margin-bottom: 10px;
  }
  .present .__wrap .container .content .-text__wrap .-card p {
    font-size: 18px;
  }
  .present .__wrap .container .content .-text__wrap h3 {
    font-size: 32px;
  }
  .present .__wrap .container .content .-text__wrap .-price {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .present .__wrap .container .content .-text__wrap .-message {
    font-size: 18px;
  }
  .present .__wrap .-message__wrap p {
    font-size: 24px;
    padding-bottom: 10px;
  }
}
@media (max-width: 450px) {
  .present {
    width: 100%;
    padding: 5.3333333333vw 0 18.6666666667vw;
  }
  .present .__wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
  .present .__wrap .container {
    width: 100%;
    margin: 0 auto 10.6666666667vw auto;
  }
  .present .__wrap .container .content {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 8vw;
  }
  .present .__wrap .container .content .-img__wrap {
    width: 89.3333333333vw;
    height: 64.5173333333vw;
  }
  .present .__wrap .container .content .-text__wrap {
    padding-top: 8vw;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .present .__wrap .container .content .-text__wrap .-card {
    width: 21.8666666667vw;
    height: 9.0666666667vw;
    margin: 0 auto;
    margin-bottom: 2.6666666667vw;
  }
  .present .__wrap .container .content .-text__wrap .-card p {
    font-size: 4.8vw;
  }
  .present .__wrap .container .content .-text__wrap h3 {
    font-size: 5.3333333333vw;
    text-align: center;
  }
  .present .__wrap .container .content .-text__wrap .-price {
    font-size: 3.7333333333vw;
    margin-bottom: 3.2vw;
  }
  .present .__wrap .container .content .-text__wrap .-message {
    font-size: 4.2666666667vw;
    letter-spacing: 0.025rem;
    line-height: 1.8;
    color: #353535;
  }
  .present .__wrap .-message__wrap {
    text-align: center;
    flex-direction: column;
  }
  .present .__wrap .-message__wrap p {
    display: block;
    font-size: 4.2666666667vw;
    line-height: 2;
    border-bottom: solid 1px #007BC7;
    padding-bottom: 1.0666666667vw;
    letter-spacing: -0.01rem;
    color: #353535;
  }
  .present .__wrap .-pc {
    display: none;
  }
  .present .__wrap .-sp {
    display: block;
  }
}
.contact {
  width: 100%;
  padding: 4.8611111111vw 0 7.6388888889vw 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 1.3888888889vw 0;
  letter-spacing: 0.5rem;
}
.contact .__wrap .text__line .br-pc__none {
  display: none;
}
.contact .__wrap .form__wrap {
  display: flex;
  flex-direction: column;
  width: clamp(340px, 70.8333333333vw, 1020px);
  margin: 0 auto;
}
.contact .__wrap .form__wrap .input__wrap {
  display: flex;
  justify-content: space-between;
  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: inline-flex;
  justify-content: center;
  align-items: center;
}
.contact .__wrap .form__wrap .input__wrap p .card__color {
  background-color: #353535;
}
.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: flex;
  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: 0;
  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 ul .li__under {
  padding-bottom: 1.3888888889vw;
}
.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;
  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 .last__item {
  justify-content: flex-start;
  margin-left: 15.4861111111vw;
}
.contact .__wrap .form__wrap .last__item .partner-line {
  color: #004EA2;
  font-weight: 600;
  font-size: 1.1111111111vw;
}
.contact .__wrap .form__wrap .input__wrap:last-child {
  margin-bottom: clamp(20px, 4.1666666667vw, 60px);
}
.contact .__wrap .form__wrap .input-margin__bottom ul {
  padding-left: 1vw;
}
.contact .__wrap .form__wrap .input__wrap select {
  width: 55.5555555556vw;
  height: 3.3333333333vw;
  border-radius: clamp(2px, 0.4166666667vw, 6px);
  border: solid 1px #717171;
  font-size: clamp(5.3333333333px, 1.1111111111vw, 16px);
  background-color: #fff;
  display: flex;
  align-items: center;
  padding-left: 1.1111111111vw;
}
.contact .__wrap .form__wrap .pp {
  width: clamp(340px, 70.8333333333vw, 1020px);
  background-color: #fff;
  height: 10.5555555556vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.0833333333vw;
  flex-direction: column;
  border-radius: 0.5555555556vw;
}
.contact .__wrap .form__wrap .pp .pp__wrap {
  width: clamp(95px, 19.7916666667vw, 285px);
  display: flex;
  align-items: 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;
  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: flex;
  margin-left: clamp(5.3333333333px, 1.1111111111vw, 16px);
  letter-spacing: 0.01rem;
  line-height: 2;
  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 .pp .pp__wrap:first-child {
  margin-bottom: 0.6944444444vw;
}
.contact .__wrap .form__wrap .important {
  margin-bottom: 2.7777777778vw;
}
.contact .__wrap .form__wrap .important .__wrap {
  width: 70.8333333333vw;
}
.contact .__wrap .form__wrap .important .__wrap .-head__wrap {
  height: 5.9027777778vw;
  background-color: #353535;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact .__wrap .form__wrap .important .__wrap .-head__wrap .-card__wrap {
  background-color: #FFF476;
  width: 6.1805555556vw;
  height: 3.125vw;
  padding: 0.8333333333vw 1.1111111111vw;
  margin-right: 2.7777777778vw;
}
.contact .__wrap .form__wrap .important .__wrap .-head__wrap .-card__wrap h3 {
  color: #353535;
  font-size: 1.9444444444vw;
  line-height: 0.7;
  font-weight: 700;
}
.contact .__wrap .form__wrap .important .__wrap .-head__wrap h3 {
  font-size: 2.2222222222vw;
  font-weight: 700;
  color: #FFF476;
  letter-spacing: 0.05rem;
}
.contact .__wrap .form__wrap .important .__wrap .-message__wrap {
  margin-top: -0.3vw;
  border: solid 0.2777777778vw #353535;
  padding: 1.6666666667vw 2.7777777778vw;
}
.contact .__wrap .form__wrap .important .__wrap .-message__wrap p {
  font-size: 1.1111111111vw;
  line-height: 1.6;
  letter-spacing: 0.02rem;
  font-weight: 500;
}
.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: flex; /* ← flexに変更 */
  align-items: center; /* ← 上下中央揃え */
  justify-content: center; /* ← 左右中央揃え */
  border-radius: clamp(33.3333333333px, 6.9444444444vw, 100px);
  letter-spacing: 0.5rem;
  text-align: center;
  border: none; /* 必要に応じて */
  cursor: pointer; /* ユーザビリティ向上 */
  margin-bottom: 3.4722222222vw;
}
.contact .__wrap .form__wrap .tn__wrap {
  text-align: center;
  margin: 0 auto;
}
.contact .__wrap .form__wrap .tn__wrap .-head__wrap {
  width: 16.875vw;
  height: 2.2222222222vw;
  border: solid 0.1388888889vw #353535;
  margin: 0 auto;
}
.contact .__wrap .form__wrap .tn__wrap .-head__wrap h4 {
  font-size: 1.1111111111vw;
  color: #353535;
  font-weight: 500;
  letter-spacing: 0.03rem;
  text-align: center;
}
.contact .__wrap .form__wrap .tn__wrap h2 {
  font-size: 4.3055555556vw;
  font-weight: 500;
  color: #353535;
  letter-spacing: 0.03rem;
}
.contact .__wrap .form__wrap .tn__wrap p {
  font-size: 1.1111111111vw;
  color: #353535;
  font-weight: 500;
  letter-spacing: 0.03rem;
}

@media (min-width: 1441px) {
  .contact {
    width: 100%;
    padding: 70px 0 110px 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 30px 0;
    letter-spacing: 0.5rem;
  }
  .contact .__wrap .form__wrap {
    display: flex;
    flex-direction: column;
    width: 1020px;
    margin: 0 auto;
  }
  .contact .__wrap .form__wrap .input__wrap {
    display: flex;
    justify-content: space-between;
    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: inline-flex;
    justify-content: center;
    padding-bottom: 0.1vw;
  }
  .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: 0;
    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 ul .li__under {
    padding-bottom: 20px;
  }
  .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;
    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 .last__item {
    justify-content: center;
    margin-left: -210px;
  }
  .contact .__wrap .form__wrap .last__item .partner-line {
    color: #004EA2;
    font-weight: 600;
    font-size: 16px;
  }
  .contact .__wrap .form__wrap .input__wrap:last-child {
    margin-bottom: 60px;
  }
  .contact .__wrap .form__wrap .input-margin__bottom ul {
    padding-left: 16px;
  }
  .contact .__wrap .form__wrap .input__wrap select {
    width: 800px;
    height: 48px;
    border-radius: 6px;
    font-size: 16px;
    padding-left: 16px;
  }
  .contact .__wrap .form__wrap .pp {
    width: 1020px;
    background-color: #fff;
    height: 152px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
  }
  .contact .__wrap .form__wrap .pp .pp__wrap {
    width: 285px;
    display: flex;
    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: 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 .pp__wrap:first-child {
    margin-bottom: 10px;
  }
  .contact .__wrap .form__wrap .important {
    margin-bottom: 40px;
  }
  .contact .__wrap .form__wrap .important .__wrap {
    width: 1020px;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap {
    height: 85px;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap .-card__wrap {
    width: 89px;
    height: 45px;
    padding: 12px 16px;
    margin-right: 40px;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap .-card__wrap h3 {
    font-size: 28px;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap h3 {
    font-size: 32px;
  }
  .contact .__wrap .form__wrap .important .__wrap .-message__wrap {
    margin-top: -0.3vw;
    border: solid 4px #353535;
    padding: 24px 40px;
  }
  .contact .__wrap .form__wrap .important .__wrap .-message__wrap p {
    font-size: 16px;
  }
  .contact .__wrap .form__wrap button {
    margin: 0 auto;
    width: 310px;
    height: 68px;
    font-size: 16px;
    background-color: #004EA2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    letter-spacing: 0.5rem;
    margin-bottom: 50px;
  }
  .contact .__wrap .form__wrap .tn__wrap .-head__wrap {
    width: 243px;
    height: 32px;
    border: solid 2px #353535;
  }
  .contact .__wrap .form__wrap .tn__wrap .-head__wrap h4 {
    font-size: 16px;
  }
  .contact .__wrap .form__wrap .tn__wrap h2 {
    font-size: 62px;
  }
  .contact .__wrap .form__wrap .tn__wrap p {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .contact {
    padding: 9.6vw 0 16vw 0;
  }
  .contact .__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .contact .__wrap .section-title__wrap h4 {
    top: 5vw;
    height: 6.6666666667vw;
    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 {
    justify-content: start;
    align-items: start;
    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: 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: 0;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like ul .li__under {
    padding-bottom: 5.3333333333vw;
  }
  .contact .__wrap .form__wrap .input__wrap .select-like > summary {
    padding: 0;
    border-radius: 1.0666666667vw;
    background-size: 2.6666666667vw;
    display: flex;
    align-items: center;
  }
  .contact .__wrap .form__wrap .last__item {
    justify-content: flex-start;
    margin-left: 0vw;
    margin-bottom: 2.6666666667vw;
  }
  .contact .__wrap .form__wrap .last__item .partner-line {
    color: #004EA2;
    font-weight: 600;
    font-size: 3.7333333333vw;
  }
  .contact .__wrap .form__wrap .input__wrap:last-child {
    margin-bottom: 0;
  }
  .contact .__wrap .form__wrap .input-margin__bottom {
    margin-bottom: -2.6666666667vw;
  }
  .contact .__wrap .form__wrap .input-margin__bottom ul {
    padding-left: 4vw;
  }
  .contact .__wrap .form__wrap .input__wrap select {
    width: 100%;
    height: 12.8vw;
    border-radius: 1.6vw;
    font-size: 4.2666666667vw;
    padding-left: 4.2666666667vw;
  }
  .contact .__wrap .form__wrap .pp {
    width: 100%;
    height: 29.8666666667vw;
    margin-bottom: 8.5333333333vw;
    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 .pp .pp__wrap:first-child {
    margin-bottom: 2.6666666667vw;
  }
  .contact .__wrap .form__wrap .important {
    margin-bottom: 10.6666666667vw;
  }
  .contact .__wrap .form__wrap .important .__wrap {
    width: 100%;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap {
    height: 28.5333333333vw;
    padding-top: 2.6666666667vw;
    flex-direction: column;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap .-card__wrap {
    width: 14.1333333333vw;
    height: 6.4vw;
    padding: 1.6vw 2.6666666667vw;
    margin-right: 0;
    margin-bottom: 2.6666666667vw;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap .-card__wrap h3 {
    font-size: 4.2666666667vw;
  }
  .contact .__wrap .form__wrap .important .__wrap .-head__wrap h3 {
    font-size: 5.3333333333vw;
    letter-spacing: 0.03rem;
    text-align: center;
    line-height: 1.4;
  }
  .contact .__wrap .form__wrap .important .__wrap .-message__wrap {
    border: solid 0.5333333333vw #353535;
    padding: 5.3333333333vw;
  }
  .contact .__wrap .form__wrap .important .__wrap .-message__wrap p {
    font-size: 3.7333333333vw;
    letter-spacing: 0.02rem;
  }
  .contact .__wrap .form__wrap button {
    width: 82.6666666667vw;
    height: 18.1333333333vw;
    font-size: 4.2666666667vw;
    margin-bottom: 8vw;
  }
  .contact .__wrap .form__wrap .tn__wrap .-head__wrap {
    width: 64.8vw;
    height: 8.5333333333vw;
    border: solid 0.5333333333vw #353535;
    margin-bottom: 1.6vw;
  }
  .contact .__wrap .form__wrap .tn__wrap .-head__wrap h4 {
    font-size: 4.2666666667vw;
    color: #353535;
    font-weight: 500;
    letter-spacing: 0.03rem;
    text-align: center;
  }
  .contact .__wrap .form__wrap .tn__wrap h2 {
    font-size: 10.6666666667vw;
    font-weight: 500;
    color: #353535;
    letter-spacing: 0.3rem;
  }
  .contact .__wrap .form__wrap .tn__wrap p {
    font-size: 4.2666666667vw;
    color: #353535;
    font-weight: 500;
    letter-spacing: 0.03rem;
  }
}
.banner {
  width: 100%;
  height: 5.1388888889vw;
  background-color: #FFF476;
}
.banner .__wrap {
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .__wrap .-text__wrap {
  padding: 0.6944444444vw 0;
  width: 43.5416666667vw;
  text-align: center;
  position: relative;
}
.banner .__wrap .-text__wrap h2 {
  font-size: 2.7777777778vw;
  color: #DE3B3B;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
.banner .__wrap .-text__wrap::before, .banner .__wrap .-text__wrap::after {
  position: absolute;
  content: "";
  background-image: url(../images/banner_img.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.9430555556vw;
  height: 2.0833333333vw;
  top: 50%;
  transform: translateY(-50%);
}
.banner .__wrap .-text__wrap::before {
  left: -3.4722222222vw;
}
.banner .__wrap .-text__wrap::after {
  right: -2.0833333333vw;
}

.banner_2 .__wrap .-text__wrap {
  width: 38.5416666667vw;
}
.banner_2 .__wrap .-text__wrap h2 {
  line-height: 1.4;
}
.banner_2 .__wrap .-text__wrap h2 .span__color {
  font-size: 3.0555555556vw;
  font-weight: 500;
  color: #fff;
  background-color: #DE3B3B;
  padding: 0 0.6944444444vw 0.2083333333vw;
  margin: 0.0694444444vw 0.5555555556vw 0;
  line-height: 1.2;
  display: inline-flex;
}
.banner_2 .__wrap .-text__wrap::before, .banner_2 .__wrap .-text__wrap::after {
  position: absolute;
  content: "";
  background-image: url(../images/banner_img.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.9430555556vw;
  height: 2.0833333333vw;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.banner_2 .__wrap .-text__wrap::before {
  left: -3.4722222222vw;
}
.banner_2 .__wrap .-text__wrap::after {
  right: -3.4722222222vw;
}

@media (min-width: 1441px) {
  .banner {
    height: 74px;
  }
  .banner .__wrap .-text__wrap {
    padding: 10px 0;
    width: 627px;
  }
  .banner .__wrap .-text__wrap h2 {
    font-size: 40px;
  }
  .banner .__wrap .-text__wrap::before, .banner .__wrap .-text__wrap::after {
    width: 42.38px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
  .banner .__wrap .-text__wrap::before {
    left: -50px;
  }
  .banner .__wrap .-text__wrap::after {
    right: -30px;
  }
  .banner_2 .__wrap .-text__wrap {
    width: 555px;
  }
  .banner_2 .__wrap .-text__wrap h2 .span__color {
    font-size: 44px;
    padding: 0 10px 3px;
    margin: 1px 8px 0;
  }
  .banner_2 .__wrap .-text__wrap::after {
    right: -50px;
  }
}
@media (max-width: 450px) {
  .banner {
    height: 8.2666666667vw;
  }
  .banner .__wrap .-text__wrap {
    padding: 2.4vw 0 2.9333333333vw;
    width: 76.2666666667vw;
  }
  .banner .__wrap .-text__wrap h2 {
    font-size: 5.3333333333vw;
    letter-spacing: -0.05rem;
  }
  .banner .__wrap .-text__wrap::before, .banner .__wrap .-text__wrap::after {
    width: 5.0506666667vw;
    height: 3.568vw;
  }
  .banner .__wrap .-text__wrap::before {
    left: -6.6666666667vw;
  }
  .banner .__wrap .-text__wrap::after {
    right: -4vw;
  }
  .banner_2 .__wrap .-text__wrap {
    width: 148vw;
  }
  .banner_2 .__wrap .-text__wrap h2 .span__color {
    font-size: 5.3333333333vw;
    padding: 0 2.6666666667vw 0.2666666667vw;
    margin: 0.8vw 1.0666666667vw 0;
  }
  .banner_2 .__wrap .-text__wrap::before {
    left: 1.3333333333vw;
  }
  .banner_2 .__wrap .-text__wrap::after {
    right: 2.6666666667vw;
  }
}
.confirm .form__wrap {
  display: flex;
  flex-direction: column;
  width: clamp(340px, 70.8333333333vw, 1020px);
  margin: 0 auto;
}
.confirm .form__wrap .input__wrap {
  display: flex;
  justify-content: start !important;
  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: inline-flex;
  justify-content: center;
  align-items: center;
}
.confirm .form__wrap .input__wrap .-input__value {
  width: 300px;
}
.confirm .form__wrap .-btn__wrap {
  width: 41.9444444444vw;
  display: flex;
  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: flex;
    justify-content: start;
    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 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: -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: 30px 0;
  background: #fff;
  color: #fff;
}
@media screen and (max-width: 834px) {
  #footer .foot {
    padding: 12px 0;
  }
}
#footer .foot .contentIn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 834px) {
  #footer .foot .contentIn {
    justify-content: center;
  }
}
#footer .foot .logo {
  width: 259px;
  height: 38px;
  margin: 0 auto;
}
#footer .foot .links {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  letter-spacing: 0.06em;
  line-height: 1.3;
}
@media screen and (max-width: 834px) {
  #footer .foot .links {
    font-size: 10px;
  }
}
#footer .foot .links .item {
  display: flex;
  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: "";
  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 */