@charset "UTF-8";
/* --------------------------------------------- */
/* color */
/* --------------------------------------------- */
:root {
  --white: #ffffff;
  --black: #000000;
  --gray: #EBEBEB;
  --green: #3CC641;
  --blue: #005994;
  --light-blue: #23BBE4;
  --gray-blue: #49A1B3;
  --yellow: #FEDD03;
  --red: #FB2A2A;
  --text01: #222222;
  --text02: #ffffff;
  --text03: #4E4E4E;
  --back01: #EDF5ED;
  --back02: #F4F4F4;
  --back03: #E7F6F8;
  --border: #8f8f8f;
  --border-sub: #DDDDDD;
  --border-gray: #999999;
}

/* --------------------------------------------- */
/* font */
/* --------------------------------------------- */
@font-face {
  font-family: "LINE Seed JP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("../font/LINESeedJP_OTF_Rg.woff") format("woff");
}
@font-face {
  font-family: "LINE Seed JP";
  font-style: normal;
  font-weight: 700;
  src: url("../font/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("../font/LINESeedJP_OTF_Bd.woff") format("woff");
}
/* --------------------------------------------- */
/* reset */
/* --------------------------------------------- */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  list-style-type: none;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

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

input,
select {
  vertical-align: middle;
}

input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* --------------------------------------------- */
/* html */
/* --------------------------------------------- */
body {
  top: 0;
  font-family: "LINE Seed JP", sans-serif;
  line-height: 1.7;
  word-break: break-word;
  box-sizing: border-box;
}

img {
  width: 100%;
  vertical-align: top;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a:focus {
  outline: none;
}

/* --------------------------------------------- */
/* parts */
/* --------------------------------------------- */
a {
  transition: 0.2s;
}

a:hover {
  opacity: 0.8;
}

.anchor {
  margin-top: -80px;
  padding-top: 80px;
}

.wrap {
  padding: 10vh 5vw;
}

.alignC {
  text-align: center;
}

.pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}
.tablet {
  display: none;
}

@media screen and (max-width: 1200px) {
  .tablet {
    display: block;
  }
}
.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}
.mt1vw {
  margin-top: 1vw;
}

.mt2vw {
  margin-top: 2vw;
}

.mt3vw {
  margin-top: 3vw;
}

.mt4vw {
  margin-top: 4vw;
}

.mt5vw {
  margin-top: 5vw;
}

.mt6vw {
  margin-top: 6vw;
}

.mt7vw {
  margin-top: 7vw;
}

.mt8vw {
  margin-top: 8vw;
}

.mt9vw {
  margin-top: 9vw;
}

.mt10vw {
  margin-top: 10vw;
}

.heading01 {
  text-align: center;
}

.heading01 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .heading01 h2 {
    font-size: 1.25rem;
  }
}
.heading01 h2 .logo {
  margin: 0 10px;
  font-size: 3rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .heading01 h2 .logo {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 480px) {
  .heading01 h2 .logo {
    font-size: 2rem;
  }
}
.heading01 h2 .sub {
  margin: 0 5px;
  font-size: 2.375rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .heading01 h2 .sub {
    font-size: 1.625rem;
  }
}
.heading01 .blue {
  color: var(--light-blue);
  font-size: 1.25rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .heading01 .blue {
    font-size: 1rem;
  }
}
.heading02 {
  display: inline-block;
  margin-top: 5vw;
  padding: 0 2%;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 768px) {
  .heading02 {
    margin-top: 10vw;
    padding: 0 5%;
    font-size: 4vw;
  }
}
.heading02::before, .heading02::after {
  content: "";
  display: block;
  width: 4px;
  height: 32px;
  background: var(--green);
  position: absolute;
}

@media screen and (max-width: 768px) {
  .heading02::before, .heading02::after {
    height: 3.5vh;
  }
}
.heading02::before {
  left: 0;
  bottom: 10px;
  transform: rotate(-30deg);
}

.heading02::after {
  right: 0;
  bottom: 10px;
  transform: rotate(30deg);
}

.heading02 strong {
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .heading02 strong {
    font-size: 5.5vw;
  }
}
.heading02 span {
  font-size: 1.125rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .heading02 span {
    font-size: 3vw;
  }
}
.box {
  max-width: 1100px;
  width: 100%;
  margin-top: 3vw;
  padding: 3vw;
  text-align: center;
  background: var(--white);
  border-radius: 40px;
}

@media screen and (max-width: 768px) {
  .box {
    border-radius: 20px;
    margin-top: 10vw;
    padding: 5vw 3vw;
  }
}
.cap01 {
  color: var(--light-blue);
  font-size: 4.375rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cap01 {
    font-size: 3.125rem;
  }
}
.cap02 {
  color: var(--light-blue);
  font-size: 2.125rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cap02 {
    font-size: 1.625rem;
  }
}
.cap03 {
  color: var(--light-blue);
  font-size: 1.875rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cap03 {
    font-size: 1.375rem;
  }
}
.cap04 {
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cap04 {
    font-size: 1rem;
  }
}
.cap05 {
  color: var(--green);
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cap05 {
    font-size: 1rem;
  }
}
.cap06 {
  font-size: 2.375rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .cap06 {
    font-size: 1.5rem;
  }
}
.bar01 {
  text-align: center;
  background: var(--gray);
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .bar01 {
    font-size: 1.125rem;
    padding: 1vw 0;
  }
}
.bar02 {
  color: var(--text02);
  text-align: center;
  background: var(--light-blue);
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .bar02 {
    font-size: 1.125rem;
    padding: 1vw 0;
  }
}
.bar03 {
  color: var(--text02);
  text-align: center;
  background: var(--light-blue);
  font-size: 1.5rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .bar03 {
    font-size: 1.125rem;
    padding: 1vw 0;
  }
}
.first__price {
  text-align: left;
  display: block;
  max-width: 700px;
  margin: 1vw auto 0;
}

@media screen and (max-width: 1200px) {
  .first__price {
    max-width: 550px;
    margin: 1vw auto 0;
  }
}
/* --------------------------------------------- */
/* header */
/* --------------------------------------------- */
.header-wrap {
  height: 100vh;
  background: url("../img/header_back.svg") top right no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .header-wrap {
    background: none;
  }
}
.header-wrap .header-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  height: 10vh;
  padding: 2vw 5vw;
}

@media screen and (max-width: 1200px) {
  .header-wrap .header-menu {
    padding: 2vw 2vw;
  }
}
@media screen and (max-width: 768px) {
  .header-wrap .header-menu {
    padding: 2vw 5vw;
  }
}
.header-wrap .header-menu .logo img {
  max-width: 389px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-menu .logo {
    width: 40%;
  }
}
.header-wrap .header-menu .contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.header-wrap .header-menu .contact .tel {
  width: 100%;
  margin-left: 34px;
}

.tel_pc {
  display: flex;
  align-items: start;
  flex-direction: column;
  margin-right: 34px;
}

@media screen and (max-width: 1200px) {
  .tel_pc {
    margin-right: 15px;
  }
}
.tel_pc a {
  font-size: 28px;
  color: black;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  line-height: 1;
  pointer-events: none;
  cursor: default;
}

@media screen and (max-width: 768px) {
  .tel_pc {
    pointer-events: auto;
    cursor: pointer;
  }
}
.tel_pc a img {
  width: 32px;
  height: auto;
  margin-right: 10px;
}

.tel_pc p {
  font-size: 14px;
  white-space: nowrap;
}

.footer-list .tel_pc a img {
  width: 46px;
}

.footer-list .tel_pc {
  margin-right: 0;
}

.footer-list .tel_pc a {
  font-size: 40px;
}

.footer-list .tel_pc p {
  font-size: 20px;
}

.tel_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-menu .contact .tel {
    width: 9vw;
  }
  .header-wrap .header-menu .contact .tel_pc {
    display: none;
  }
  .header-wrap .header-menu .contact .tel_sp {
    display: block;
  }
  .footer-list .tel_pc a {
    font-size: 24px;
  }
  .footer-list .tel_pc p {
    font-size: 12px;
  }
  .footer-list .tel_pc a img {
    width: 33px;
  }
}
.header-wrap .header-menu .contact .btn {
  max-width: 250px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-menu .contact .btn {
    width: 26vw;
    margin-left: 2vw;
  }
}
.header-wrap .header-kv {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 80vh;
  margin: 0 auto;
  padding: 0 4vw;
}

@media screen and (max-width: 1000px) {
  .header-wrap .header-kv {
    padding-right: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .header-wrap .header-kv {
    flex-flow: column;
    justify-content: center;
    padding: 0 5vw;
    background: url("../img/header_back_sp01.svg") bottom left no-repeat, url("../img/header_back_sp02.svg") bottom right no-repeat;
  }
}
.header-wrap .header-kv .copy {
  width: 50%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .copy {
    width: 100%;
  }
}
.header-wrap .header-kv .copy h1 {
  font-size: 2vw;
  font-weight: 700;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .copy h1 {
    font-size: 3.5vw;
    text-align: center;
  }
}
.header-wrap .header-kv .copy h1 .light-blue {
  color: var(--light-blue);
  font-weight: 700;
}

.header-wrap .header-kv .copy h1 .dot {
  font-size: 1.7vw;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .copy h1 .dot {
    font-size: 3.7vw;
  }
}
.header-wrap .header-kv .copy h1 .dot::before {
  content: "●";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto 0;
  color: var(--yellow);
  font-size: 6px;
  text-align: center;
}

.header-wrap .header-kv .copy .logo {
  width: 95%;
  margin-top: 6vw;
  position: relative;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .copy .logo {
    width: 100%;
    margin-left: 4vw;
  }
}
.header-wrap .header-kv .copy .logo span {
  margin-top: 5vw;
  font-size: 1.4vw;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .copy .logo span {
    font-size: 3vw;
  }
}
.header-wrap .header-kv .image {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45%;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .image {
    width: 100%;
    margin: 10vw 0 0;
  }
}
.header-wrap .header-kv .image .ad img {
  max-width: 380px;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .image .ad img {
    max-width: 100%;
  }
}
.header-wrap .header-kv .image .pict {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .image .pict {
    justify-content: center;
    max-width: 70vw;
  }
}
.header-wrap .header-kv .image .pict .pcimg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .image .pict .pcimg img {
    max-width: 50vw;
  }
}
.header-wrap .header-kv .image .pict .female {
  width: 100px;
  position: absolute;
  bottom: -50px;
  left: -10%;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .image .pict .female {
    width: 15vw;
    bottom: -10%;
    left: 0;
  }
}
.header-wrap .header-kv .image .pict .male {
  width: 100px;
  position: absolute;
  bottom: -50px;
  right: -10%;
}

@media screen and (max-width: 768px) {
  .header-wrap .header-kv .image .pict .male {
    width: 15vw;
    bottom: -10%;
    right: 0;
  }
}
.header-wrap .top-price {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 10vh;
  background: var(--light-blue);
}

@media screen and (max-width: 768px) {
  .header-wrap .top-price {
    flex-direction: column;
  }
}
.header-wrap .top-price .copy {
  width: 55%;
  text-align: right;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .header-wrap .top-price .copy {
    width: 100%;
    text-align: center;
  }
}
.header-wrap .top-price .copy p {
  color: var(--text02);
  font-size: 1.625rem;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  .header-wrap .top-price .copy p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .header-wrap .top-price .copy p {
    font-size: 3.5vw;
  }
}
.header-wrap .top-price .price {
  width: 45%;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .header-wrap .top-price .price {
    width: 100%;
  }
}
.header-wrap .top-price .price dl {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .header-wrap .top-price .price dl {
    justify-content: center;
    margin-top: 1vw;
  }
}
.header-wrap .top-price .price dl dt {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 8vh;
  height: 8vh;
  margin: 0 1vw;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  background: var(--yellow);
  border-radius: 100%;
}

@media screen and (max-width: 768px) {
  .header-wrap .top-price .price dl dt {
    width: auto;
    height: auto;
    padding: 2.5px 5px;
    white-space: nowrap;
    border-radius: 2.5px;
  }
}
.header-wrap .top-price .price dl dd {
  color: var(--text02);
  font-size: 2.875rem;
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  .header-wrap .top-price .price dl dd {
    font-size: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .header-wrap .top-price .price dl dd {
    font-size: 5vw;
  }
}
.header-wrap .top-price .price dl dd span {
  font-size: 1.5rem;
  position: relative;
  margin: 0 5px;
  bottom: 2px;
}

@media screen and (max-width: 1200px) {
  .header-wrap .top-price .price dl dd span {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .header-wrap .top-price .price dl dd span {
    font-size: 3vw;
  }
}
/* --------------------------------------------- */
/* footer */
/* --------------------------------------------- */
.footer {
  background-color: var(--back03);
}

.footer-wrap {
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  width: 80%;
  padding: 5vw 0;
  margin: 0 auto;
  /* background: var(--back02); */
}

@media screen and (max-width: 768px) {
  .footer-wrap {
    align-items: center;
    padding: 5vw 0 16vw;
  }
}
.footer-wrap .contact {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 3vw;
}

@media screen and (max-width: 768px) {
  .footer-wrap .contact {
    flex-direction: column;
    margin-top: 5vw;
  }
}
.footer-wrap .contact-title {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と線を横並び */
  justify-content: center; /* 文字を中央寄せ */
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

.footer-wrap .contact-title::before,
.footer-wrap .contact-title::after {
  background-color: black; /* 線の色 */
  content: "";
  height: 2px; /* 線の高さ */
  width: 0.9em; /* 線の長さ */
}

.footer-wrap .contact-title::before {
  margin-right: 5px; /* 文字との余白 */
  transform: rotate(70deg); /* 傾ける */
}

.footer-wrap .contact-title::after {
  margin-left: 5px; /* 文字との余白 */
  transform: rotate(-70deg); /* 傾ける */
}

.footer-wrap .contact .btn {
  max-width: 250px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .footer-wrap .contact .btn {
    max-width: 100%;
    margin: 5vw 0 0;
  }
}
.footer-wrap .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5vw;
}

.footer-wrap .title h3 {
  font-size: 20px;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .footer-wrap .title {
    flex-direction: column;
    justify-content: center;
    margin-top: 8vw;
  }
  .footer-wrap .title h3 {
    margin-right: 0;
  }
}
.footer-wrap .title p {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .footer-wrap .title p {
    margin-top: 8px;
  }
}
.footer-wrap .footer-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .footer-wrap .footer-list {
    justify-content: center;
  }
}
.footer-wrap ul {
  display: flex;
  flex-flow: row wrap;
  gap: 1vw;
  margin-top: 1vw;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .footer-wrap ul {
    gap: 5vw;
    margin-top: 5vw;
    margin-right: 0;
  }
}
.footer-wrap ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  padding: 1vw 1vw 0.2vw;
  background: var(--white);
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .footer-wrap ul li {
    width: calc(50% - 2.5vw);
    padding: 5vw 1vw 1vw;
  }
}
.footer-wrap .tel {
  width: 379px;
  background-color: transparent;
  padding: 0;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.footer-wrap .tel a {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .footer-wrap .tel {
    margin-top: 42px;
    max-width: 100%;
    width: 252px;
    padding: 0;
  }
}
.footer-wrap ul li .pict img {
  max-width: 50px;
  width: auto;
  max-height: 30px;
  height: auto;
}

.footer-wrap ul li p {
  margin-top: 1vw;
  font-size: 0.875rem;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .footer-wrap ul li p {
    margin-top: 3vw;
  }
}
.footer-wrap ul li p span {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  background: rgba(35, 187, 228, 0.2);
  border-radius: 100%;
}

.footer-wrap .copyright {
  margin-top: 2vw;
  font-size: 0.875rem;
}

@media screen and (max-width: 768px) {
  .footer-wrap .copyright {
    margin-top: 10vw;
  }
}
.footer-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 33px 0 44px;
  max-width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .footer-copyright {
    padding: 27px 0 128px;
  }
}
.footer-copyright-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-copyright-wrap .logo {
  margin-right: 56px;
}

@media screen and (max-width: 768px) {
  .footer-copyright-wrap .logo {
    margin-right: 0;
  }
}
.footer-copyright-wrap .footer-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .footer-copyright-wrap .footer-menu {
    margin-top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .footer-copyright-wrap {
    flex-direction: column;
  }
}
.footer-copyright-wrap .footer-menu a {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  padding: 0 30px;
  color: black;
}

@media screen and (max-width: 768px) {
  .footer-copyright-wrap .footer-menu a {
    padding: 0 3.2vw;
  }
}
.footer-copyright-wrap .footer-menu a + a {
  border-left: 0;
  border-right: 1px solid #333;
}

@media screen and (max-width: 768px) {
  .footer-copyright-wrap .footer-menu a {
    font-size: 12px;
    line-height: 1;
  }
}
.footer-copyright .logo {
  max-width: 320px;
}

@media screen and (max-width: 768px) {
  .footer-copyright .logo {
    max-width: unset;
    width: 245px;
  }
}
.footer-copyright .copyright {
  font-size: 12px;
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  .footer-copyright .copyright {
    margin-top: 20px;
  }
}
.footer-security {
  margin-bottom: 30px;
}

.footer-security .footer-security-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 30px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0;
}

.footer-security .footer-security-logo {
  image-rendering: -webkit-optimize-contrast;
  width: 180px;
}

.footer-security .footer-security-txt {
  margin: 0;
  width: calc(100% - 210px);
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .footer-security .footer-security-txt {
    width: 100%;
    font-size: 12px;
  }
}/*# sourceMappingURL=style.css.map */