@charset "UTF-8";
@import url("reset.css");
/*A Modern CSS Reset  https://andy-bell.co.uk/a-modern-css-reset*/
:root {
  --cont_padding: 50px;
  --header_height: 82px;
  /* color */
  --color_theme01: #F2EEC2;
  --color_theme02: #F07D24;
  --color_theme03: #4D669C;
  --color_theme04: #D5D7EC;
  --color_theme05: #F2C94C;
  --color_theme06: #1882B2;
  --color_field01: #FFFFFF;
  --color_field02: #000;
  --color_field03: #F4F4F4;
  --color_field04: #D5D7EC;
  --color_field05: #DEE1E6;
  --color_font01: #000000; /* 墨　*/
  --color_font02: #FFF;
  /* 薄い水色 */
  --color_border01_rgb: 255,255,255;
  --color_border02: #999999;
  /* fonts */
  --default_ff: "Noto Sans JP", sans-serif;
  --option_ff: "Roboto", sans-serif;
  /* cont width */
  --cont_width00: 1040px;
  --cont_width01: 1100px;
  --cont_width02: 980px;
  --cont_width03: 600px;
  --cont_width04: 500px;
  /* space */
  --space_10: 10px;
  --space_20: 20px;
  --space_25: 25px;
  --space_30: 30px;
  --space_40: 40px;
  --space_50: 50px;
  --space_60: 60px;
  --space_80: 80px;
  --space_100: 100px;
  --space_120: 120px;
}
@media (width <= 820px) {
  :root {
    --cont_padding: 20px;
  }
}
@media (width <= 820px) {
  :root {
    --header_height: 60px;
  }
}
@media (width <= 820px) {
  :root {
    --space_10: 7px;
  }
}
@media (width <= 820px) {
  :root {
    --space_20: 13px;
  }
}
@media (width <= 820px) {
  :root {
    --space_25: 15px;
  }
}
@media (width <= 820px) {
  :root {
    --space_30: 18px;
  }
}
@media (width <= 820px) {
  :root {
    --space_40: 25px;
  }
}
@media (width <= 820px) {
  :root {
    --space_50: 30px;
  }
}
@media (width <= 820px) {
  :root {
    --space_60: 40px;
  }
}
@media (width <= 820px) {
  :root {
    --space_80: 50px;
  }
}
@media (width <= 820px) {
  :root {
    --space_100: 70px;
  }
}
@media (width <= 820px) {
  :root {
    --space_120: 84px;
  }
}

/*end :root */
ul,
li,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.4s ease;
}
a[href*="tel:"] {
  text-decoration: none;
}
@media (width > 820px) {
  a[href*="tel:"] {
    pointer-events: none;
    /*PCはリンクさせない*/
  }
}
@media (width > 820px) {
  a[href*="tel:"]::after {
    content: none !important;
  }
}

button {
  outline: none;
  border-style: none;
  background-color: transparent;
}

em {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

/*parts----------------------------------------------------------------------------------*/
.rectangle {
  display: flex;
  justify-content: center;
  padding: 0.3em 0.5em 0.34em;
  font-size: inherit;
  border-width: thin;
  border-style: solid;
  line-height: 1;
}
.rectangle.-variation01 {
  border-color: var(--color_font01);
}
.rectangle.-variation02 {
  border-color: var(--color_theme03);
}
.rectangle.-narrow {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.num {
  font-family: var(--option_ff);
}

/*---------------------------------------------------------------------------------------------*/
.Page {
  text-size-adjust: 100%; /*for smart Phone*/
  -ms-text-size-adjust: 100%; /*for smart Phone*/
  scroll-behavior: smooth;
}

.Page__body {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--default_ff);
  line-height: 1;
  background-color: var(--color_field01);
}

.Page__trigger {
  display: block;
  position: fixed;
  z-index: 7;
  right: 0;
  top: 0;
  width: var(--header_height);
  height: var(--header_height);
}

.Page__spNavi {
  display: none;
  position: fixed;
  visibility: hidden;
  width: 100%;
  height: calc(100dvh - var(--header_height));
  margin-top: var(--header_height);
  z-index: 8;
  transition: all 0.3s ease;
}
body.-naviOpen .Page__spNavi {
  display: block;
  visibility: visible;
}

.Page__fixCont {
  position: relative;
  z-index: 200;
}

.GlobalNavi {
  padding: 20px var(--cont_padding) 0;
  font-size: 18px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
@media (width > 820px) {
  .GlobalNavi {
    padding: 20px 70px 0 var(--cont_padding);
    font-size: 24px;
  }
}
body.-naviOpen .GlobalNavi {
  opacity: 1;
  visibility: visible;
}

.GlobalNavi__item {
  letter-spacing: 0.06em;
}
.GlobalNavi__item > a {
  position: relative;
  display: block;
  padding: 0.7em 0;
  color: #595959;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: thin solid #595959;
}
@media (width > 1180px) {
  .GlobalNavi__item > a:hover {
    color: #000;
  }
}
.GlobalNavi__item:first-of-type {
  border-top: thin solid #595959;
}

.Humberger {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #C8BEB1;
}
.Humberger::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #C8BEB1;
  transition: transform 0.3s ease;
}
body.-naviOpen .Humberger::before {
  transform: scale(4000%, 6000%);
}
.Humberger::after {
  position: absolute;
  bottom: 20%;
  left: 50%;
  display: block;
  content: "MENU";
  font-size: 10px;
  color: #595959;
  transform: translate(-50%, 0);
  letter-spacing: 0.08em;
}

.Humberger__inner {
  display: block;
  width: 100%;
  height: 100%;
}

.Humberger__line {
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 35px;
  height: 2px;
  background-color: #595959;
  transition: 0.4s;
  transform: translate(-50%, -50%);
  /*タップ後の状態=================================*/
  /*==============================================*/
}
@media (width <= 820px) {
  .Humberger__line {
    width: 30px;
  }
}
.Humberger__line::before, .Humberger__line::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  background-color: #595959;
  transition: inherit;
}
.Humberger__line::before {
  top: -9px;
}
.Humberger__line::after {
  bottom: -9px;
}
.Humberger.-active .Humberger__line {
  background-color: transparent !important;
}
.Humberger.-active .Humberger__line::before {
  top: 0;
  transform: rotate(45deg);
}
.Humberger.-active .Humberger__line::after {
  top: 0;
  transform: rotate(-45deg);
}

.Fv {
  padding-top: 50px;
}
@media (width <= 580px) {
  .Fv {
    padding-top: 40px;
  }
}

.Fv__main {
  position: relative;
}
.Fv__main::before {
  position: absolute;
  top: 20%;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: var(--color_field05);
}
@media (width <= 746px) {
  .Fv__main::before {
    top: 16%;
    left: 0;
    height: 65%;
  }
}
@media (width <= 580px) {
  .Fv__main::before {
    height: 40vw;
  }
}

.Fv__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 var(--cont_padding);
  z-index: 2;
  max-width: calc(var(--cont_width00) + var(--cont_padding) * 2);
}
@media (width <= 580px) {
  .Fv__inner {
    flex-direction: column;
  }
}
.Fv__inner.-variation01 {
  display: block;
  margin-top: clamp(-60px, -5vw, -10px);
}
@media (width <= 580px) {
  .Fv__inner.-variation01 {
    margin-top: 20px;
  }
}

.Fv__elm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 52%;
}
@media (width <= 580px) {
  .Fv__elm {
    width: 100%;
  }
}

.Fv__img {
  width: 43%;
}
@media (width <= 580px) {
  .Fv__img {
    width: 100%;
    margin-bottom: 30px;
  }
}

.Fv__copy {
  margin-bottom: 1em;
  font-size: max(16px, min(2vw, 22px));
  font-weight: 400;
}

.Fv__copySub {
  text-align: center;
  font-size: max(16px, min(2.2vw, 24px));
  line-height: 1.5;
  font-weight: 400;
}
.Fv__copySub > span {
  font-size: 85%;
  display: inline-block;
}

.Fv__logo {
  width: 85%;
  margin-bottom: 20px;
}
@media (width <= 580px) {
  .Fv__logo {
    width: 100%;
    margin-bottom: 10px;
  }
}

.Fv__add {
  width: 52%;
  margin-left: auto;
  margin-right: 0;
}
@media (width <= 580px) {
  .Fv__add {
    width: 100%;
    margin-right: auto;
  }
}

.Fv__em {
  display: flex;
  justify-content: center;
  width: fit-content;
  padding: 10px 20px;
  margin: 0 auto var(--space_20);
  font-size: 18px;
  border-radius: 10px;
  background-color: var(--color_theme03);
}
@media (width <= 820px) {
  .Fv__em {
    font-size: 16px;
  }
}
@media (width <= 748px) {
  .Fv__em {
    font-size: 14px;
  }
}
.Fv__em > li {
  color: var(--color_font02);
}
.Fv__em > li:not(:last-of-type) {
  margin-right: 0.5em;
}

.Fv__option {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.SideFixNavi {
  position: fixed;
  right: 0;
  top: calc(var(--header_height) + 40px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (width <= 820px) {
  .SideFixNavi {
    display: none;
  }
}

.SideFixNavi__item > a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0.8em;
  writing-mode: vertical-rl;
  font-size: 16px;
  font-weight: 700;
  color: var(--color_font02);
  background-color: var(--color_theme02);
  text-decoration: none;
  border-top-left-radius: 20px;
  transition: all 0.3s;
  letter-spacing: 0.1em;
}
.SideFixNavi__item > a:hover {
  background-color: #FF4E01;
}
.SideFixNavi__item.-materials a {
  background-color: var(--color_theme03);
  border-top-left-radius: 0;
  border-bottom-left-radius: 20px;
}
.SideFixNavi__item.-materials a:hover {
  background-color: #1D4074;
}

.SideFixNavi__ico {
  display: inline-block;
  margin-bottom: 0.2em;
  line-height: 0;
  font-size: 20px;
}

::-webkit-full-page-media, :future, :root .SideFixNavi {
  width: 55px;
}

.BottomNavi {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
@media (width > 820px) {
  .BottomNavi {
    display: none;
  }
}

.BottomNavi__item {
  flex: 1;
  border-top: thin solid var(--color_border01);
}
.BottomNavi__item:not(:last-of-type) {
  border-right: thin solid var(--color_border01);
}

.BottomNavi__target {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 5px;
  color: var(--color_font02);
  background-color: var(--color_theme02);
}
.BottomNavi__item.-materials .BottomNavi__target {
  background-color: var(--color_theme03);
}

.BottomNavi__ico {
  display: block;
  margin-bottom: 0.1em;
  font-size: 20px;
  line-height: 1;
}

.BottomNavi__label {
  font-size: 11px;
  white-space: nowrap;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}

.Separation {
  position: relative;
  width: 100%;
  z-index: 1;
}
.Separation:not(:last-child) {
  border-bottom: thin solid var(--color_border02);
}

.Separation__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 var(--cont_padding);
  z-index: 2;
  max-width: calc(var(--cont_width00) + var(--cont_padding) * 2);
}
.Separation__inner.-variation01 {
  max-width: calc(var(--cont_width01) + var(--cont_padding) * 2);
}
.Separation__inner.-variation02 {
  max-width: calc(var(--cont_width02) + var(--cont_padding) * 2);
}
.Separation__inner.-variation03 {
  max-width: calc(var(--cont_width03) + var(--cont_padding) * 2);
}
.Separation__inner.-variation04 {
  max-width: calc(var(--cont_width04) + var(--cont_padding) * 2);
}

.Wrap {
  padding: 0;
}
.Wrap.-variation01 {
  padding: 40px 0 80px;
}
@media (width <= 820px) {
  .Wrap.-variation01 {
    padding: 30px 0 45px;
  }
}
.Wrap.-variation02 {
  padding: 80px 0 80px;
}
@media (width <= 820px) {
  .Wrap.-variation02 {
    padding: 45px 0 45px;
  }
}

.IndexStr02__head {
  margin-bottom: 1.5em;
  font-size: max(24px, min(3.5vw, 40px));
}

.IndexStr02__headAdd {
  margin-bottom: 0.8em;
  text-align: center;
  color: var(--color_theme03);
  font-size: max(22px, min(2.4vw, 26px));
}

.IndexStr02__option {
  margin-bottom: 0.8em;
  text-align: center;
  font-size: max(18px, min(2.2vw, 22px));
}

.IndexStr02__discription {
  margin-bottom: var(--space_50);
  text-align: center;
}
@media (width <= 580px) {
  .IndexStr02__discription {
    text-align: left;
  }
}

.IndexStr02__item:not(:last-child) {
  margin-bottom: var(--space_80);
}

.IndexStr02__str01 {
  margin-bottom: var(--space_50);
}

.IndexStr02__grid {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.IndexStr02__table {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.IndexStr02__table:not(:last-child) {
  margin-bottom: var(--space_30);
}

.IndexStr02__column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.IndexStr02__columnMain {
  width: 55%;
}
@media (width <= 580px) {
  .IndexStr02__columnMain {
    width: 100%;
    margin-bottom: 30px;
  }
}

.IndexStr02__columnSub {
  width: 37%;
}
@media (width <= 580px) {
  .IndexStr02__columnSub {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (width <= 580px) {
  .Separation.-use .IndexStr02__columnSub {
    display: none;
  }
}

.IndexStr02__columnSymmetry {
  width: 48.7%;
}
@media (width <= 580px) {
  .IndexStr02__columnSymmetry {
    width: 100%;
  }
}
@media (width <= 580px) {
  .IndexStr02__columnSymmetry:not(:last-child) {
    margin-bottom: var(--space_40);
  }
}

.IndexStr02__logo {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}
@media (width <= 820px) {
  .IndexStr02__logo {
    max-width: 290px;
  }
}

.IndexStr02__elm {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space_20);
}
.-price .IndexStr02__elm {
  font-size: 30px;
}

.IndexStr02__list {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.IndexStr02__list:not(:last-child) {
  margin-bottom: var(--space_30);
}

.IndexStr02__wrap {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.IndexStr02__wrap:not(:last-child) {
  margin-bottom: var(--space_50);
}

.IndexStr02__caution {
  padding: 2em 0;
  border-top: thin solid var(--color_border02);
  border-bottom: thin solid var(--color_border02);
}

.IndexStr02__copylight {
  display: block;
  margin-top: var(--space_30);
  padding-top: var(--space_20);
  text-align: center;
  font-size: 13px;
  border-top: thin solid var(--color_border02);
}
@media (width <= 820px) {
  .IndexStr02__copylight {
    padding-bottom: 30px;
  }
}

.IndexStr02__attention {
  padding: 0.5em 1.5em;
  text-align: center;
  color: var(--color_font02);
  line-height: 1.7;
  background-color: #B42727;
  border-radius: 10px;
  font-size: max(16px, min(2.2vw, 18px));
}
.IndexStr02__attention:not(:last-child) {
  margin-bottom: var(--space_20);
}
.IndexStr02__attention > em {
  font-size: 130%;
  font-weight: 700;
}

.GridA {
  display: grid;
}
.GridA.-col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (width <= 580px) {
  .GridA.-col2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.CardA {
  height: 100%;
  padding: 30px 7% 38px;
  background-color: var(--color_theme03);
  border-radius: 10px;
}
@media (width <= 820px) {
  .CardA {
    padding: 20px 7% 25px;
  }
}

.CardA__head {
  margin-bottom: 0.8em;
  text-align: center;
  color: var(--color_font02);
  font-size: max(22px, min(2.4vw, 26px));
}

.CardA__body {
  color: var(--color_font02);
}

.CardB {
  height: 100%;
  padding: 30px 7% 38px;
  border-radius: 10px;
  background-color: var(--color_theme01);
}
.CardB.-variation01 {
  background-color: var(--color_field04);
}

.CardB__head {
  margin-bottom: 0.8em;
  text-align: center;
  color: var(--color_theme03);
  font-size: max(22px, min(2.4vw, 26px));
}

.DlList {
  display: flex;
  align-items: center;
  font-size: inherit;
}
.DlList > dt {
  margin-right: 0.5em;
  font-size: 100%;
  font-weight: 700;
}
.-price .DlList > dt {
  font-size: 70%;
}
.DlList > dd {
  flex: 1;
}
.DlList > dd .num {
  font-size: 160%;
  font-weight: 700;
}

.DlList__sup {
  position: relative;
  top: -0.1em;
  font-size: 85%;
}

.DlList2 > dt {
  display: flex;
  margin-bottom: 0.5em;
  font-size: max(18px, min(2.3vw, 20px));
}
.DlList2 > dd {
  line-height: 1.7;
}
.DlList2 > dd:not(:last-child) {
  margin-bottom: 2em;
}

.DlList3 > dt {
  margin-bottom: 0.8em;
  font-size: 18px;
}
.DlList3 > dd {
  line-height: 1.7;
}
.DlList3 > dd:not(:last-child) {
  margin-bottom: 2em;
}

.ListA > li {
  position: relative;
  display: flex;
  align-items: start;
  line-height: 1.5;
  font-size: 16px;
}
.ListA > li:not(:last-of-type) {
  margin-bottom: 0.5em;
}
.ListA > li::before {
  position: relative;
  top: 0.5em;
  content: "";
  display: block;
  width: 0.6em;
  aspect-ratio: 1/1;
  margin-right: 0.5em;
  border-radius: 100vh;
  background-color: var(--color_theme05);
}

.ListB > li {
  display: flex;
  position: relative;
  line-height: 1.5;
  font-size: 16px;
}
.ListB > li:not(:last-of-type) {
  margin-bottom: 0.5em;
}
.ListB > li > span {
  display: block;
  min-width: 4.5em;
}

.ListC > li {
  position: relative;
  padding-left: 1em;
  line-height: 1.5;
  font-size: 16px;
}
.ListC > li::before {
  position: absolute;
  top: 0.7em;
  left: 0;
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 0.5em;
  background-color: var(--color_font01);
  border-radius: 100vh;
}
.ListC > li:not(:last-of-type) {
  margin-bottom: 0.5em;
}

.Paragraph {
  font-size: inherit;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.Paragraph:not(:last-child) {
  margin-bottom: 1em;
}
@media (width <= 580px) {
  .Cont__option .Paragraph {
    font-size: 80%;
  }
}
.CardA__body .Paragraph {
  font-size: 18px;
}
@media (width <= 580px) {
  .CardA__body .Paragraph {
    font-size: 16px;
  }
}
.IndexStr02__caution .Paragraph, .IndexStr02__caution2 .Paragraph {
  font-size: 14px;
}

.Heading {
  display: block;
  position: relative;
  color: inherit;
  line-height: 1.5;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.Heading.-format01 {
  padding-bottom: 1em;
  text-align: center;
}
.Heading.-format01::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  display: block;
  width: 100px;
  height: 8px;
  background-color: var(--color_theme06);
  transform: translate(-50%, 0);
}
@media (width <= 820px) {
  .Heading.-format01::after {
    width: 60px;
    height: 5px;
  }
}
.Heading.-format02 {
  display: flex;
}
.Heading.-format02::before {
  position: relative;
  top: 0.32em;
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 0.3em;
  border: 5px solid var(--color_theme05);
  border-radius: 50%;
  background: transparent;
}
.Heading.-format03 {
  display: flex;
}

.Heading__ico {
  position: relative;
  top: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.4em;
  line-height: 1;
  border-radius: 100vh;
  background-color: var(--color_theme05);
}
.Heading__ico > i {
  font-style: normal;
  position: relative;
  top: -0.08em;
}
.DlList2 .Heading__ico > i {
  top: 0;
}
.CardB .Heading__ico {
  color: var(--color_font02);
}
.CardB.-variation01 .Heading__ico {
  background-color: var(--color_theme03);
}

.Heading__txt {
  flex: 1;
}

.Cont__item {
  padding: 0 0 var(--space_30);
}
.Cont__item:not(:last-child) {
  margin-bottom: var(--space_30);
  border-bottom: thin solid var(--color_border02);
}

.Cont__head {
  margin-bottom: 0.5em;
  font-size: max(20px, min(2.4vw, 22px));
}

.Cont__elm {
  padding-left: 1.7em;
}
.Cont__elm.-variation01 {
  padding-left: 2.5em;
}
.Cont__elm.-variation02 {
  padding-left: 0;
}

.Cont__headSub {
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
@media (width <= 580px) {
  .Cont__headSub {
    font-size: 16px;
  }
}

.Cont__caption {
  margin-bottom: var(--space_20);
  font-size: 16px;
  color: var(--color_theme03);
}
@media (width > 580px) {
  .Cont__caption.-sp {
    display: none;
  }
}

@media (width > 580px) {
  .Cont__fig.-sp {
    display: none;
  }
}
@media (width <= 580px) {
  .Cont__fig.-sp {
    margin-bottom: 30px;
  }
}
.Cont__fig.-inline {
  max-width: 300px;
}

.Qa > dt {
  display: flex;
  margin-bottom: 0.5em;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
@media (width <= 820px) {
  .Qa > dt {
    font-size: 18px;
  }
}
.Qa > dd {
  display: flex;
  line-height: 1.7;
}

.Qa__ico {
  --size: 28px;
  position: relative;
  top: 0.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  margin-right: 0.5em;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  border-radius: 100vh;
  background-color: var(--color_theme05);
}
@media (width <= 820px) {
  .Qa__ico {
    --size: 22px;
    font-size: 16px;
  }
}
.Qa__ico > i {
  font-style: normal;
  position: relative;
  top: -0.08em;
}
.Qa dd .Qa__ico {
  background-color: var(--color_field04);
}

.Qa__txt {
  flex: 1;
}

.UserContact__head {
  margin-bottom: 0.8em;
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
}
@media (width <= 580px) {
  .UserContact__head {
    font-size: 18px;
  }
}

.UserContact__tel {
  margin-bottom: var(--space_40);
}

.UserContact__buttom {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (width <= 580px) {
  .UserContact__buttom {
    display: block;
  }
}

.UserContact__buttomItem {
  width: 100%;
  max-width: 278px;
}
@media (width <= 580px) {
  .UserContact__buttomItem {
    margin-left: auto;
    margin-right: auto !important;
  }
}
.UserContact__buttomItem:not(:last-of-type) {
  margin-right: 30px;
}
@media (width <= 580px) {
  .UserContact__buttomItem:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.Tel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Tel__target {
  position: relative;
  left: -0.3em;
  margin-bottom: 0.1em;
  font-size: 48px;
}
@media (width <= 580px) {
  .Tel__target {
    left: 0;
    font-size: 32px;
  }
}

.Tel__label {
  margin-right: 0.2em;
  font-family: var(--option_ff);
  font-size: 60%;
}

.Tel__num {
  font-family: var(--option_ff);
  font-style: normal;
}

.Button {
  display: block;
  position: relative;
  max-width: 100%;
  appearance: none;
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  transition: 0.4s;
  line-height: 1.5;
  letter-spacing: 0.07em;
  width: max-content;
}
.Button.-solid--variation02 {
  width: 100%;
  color: var(--color_font02);
  font-weight: 700;
  background-color: var(--color_theme02);
  border-radius: 5px;
}
@media (width > 820px) {
  .Button.-solid--variation02:hover {
    background-color: #FF4E01;
  }
}
.Button.-solid--variation03 {
  width: 100%;
  color: var(--color_font02);
  font-weight: 700;
  background-color: var(--color_theme03);
  border-radius: 5px;
}
@media (width > 820px) {
  .Button.-solid--variation03:hover {
    background-color: #1D4074;
  }
}
.Button.-gravityCenter {
  display: Flex;
  align-items: center;
  justify-content: center;
}
@media (width <= 820px) {
  .Button.-gravityCenter {
    text-indent: -0.1em;
  }
}
.Button.-gravityLeft {
  display: Flex;
  align-items: center;
  justify-content: flex-start;
}
.Button.-gravityEach {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Button.-standard {
  min-height: 3.6em;
  padding: 0.3em 1em 0.3em;
}
.Button.-hight {
  min-height: 4em;
  padding: 0.3em 1em 0.3em;
}
.Button.-huge {
  min-height: 6em;
  padding: 0.3em 1em 0.3em;
}
.Button.-low {
  min-height: 3em;
  padding: 0.5em 1em 0.48em;
}

.Button__ico {
  margin-left: 1em;
}

.Button__ico2 {
  position: relative;
  top: 0.1em;
  display: inline-block;
  font-size: 140%;
  margin-right: 0.5em;
}

.TableA {
  width: 100%;
}
.TableA tbody tr:nth-of-type(even) {
  background-color: #F2F2F2;
}
.TableA th, .TableA td {
  padding: 0.6em 1.5em;
  line-height: 1.5;
  border: thin solid var(--color_border02);
}
@media (width <= 580px) {
  .TableA th, .TableA td {
    padding: 0.3em 0.5em;
  }
}
.-price .TableA th, .-price .TableA td {
  text-align: center;
}
.TableA th {
  color: var(--color_font02);
  background-color: var(--color_field02);
  white-space: nowrap;
}

/* Quick parts=========================================================================================*/
.brakeTablet {
  display: none;
}
@media (width <= 820px) {
  .brakeTablet {
    display: inline;
  }
}

.brakeMobile {
  display: none;
}
@media (width <= 580px) {
  .brakeMobile {
    display: inline;
  }
}

.noBrakeTablet {
  display: inline;
}
@media (width <= 820px) {
  .noBrakeTablet {
    display: none;
  }
}

.noBrakeMobile {
  display: inline;
}
@media (width <= 580px) {
  .noBrakeMobile {
    display: none;
  }
}

.standOut01 {
  font-size: 80%;
}

.standOut02 {
  font-size: 60%;
}
/*# sourceMappingURL=master.css.map */