<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&amp;display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol, ul {
  list-style: none
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}

q, blockquote {
  quotes: none
}

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

a img {
  border: none
}

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

html {
  font-size: 62.5%
}

body {
  background-color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  color: #39393B;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  position: relative
}

body a {
  word-break: break-all;
  text-decoration: underline
}

body a:hover {
  text-decoration: none
}

img {
  vertical-align: bottom;
  max-width: 100%
}

#root {
  position: relative;
  overflow: hidden
}

.Inner_Box {
  margin: 0 auto;
  padding-top: 7vw
}

@media screen and (min-width: 1100px) {
  .Inner_Box {
    padding-top: 1rem
  }
}

section .Inner_Box header {
  max-width: 90%;
  margin: 0 auto 4vw
}

@media screen and (min-width: 1100px) {
  section .Inner_Box header {
    margin-bottom: 2rem;
    margin-top: 2.5rem
  }
}

section .Inner_Box header h1, section .Inner_Box header p {
  display: inline;
  margin: 0 auto;
  text-align: center;
  font-size: 8.2548vw;
  line-height: 1.33333;
  font-weight: 700;
  background: #ffe000;
  background: linear-gradient(0deg, #ffe000 0%, #ffe000 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)
}

@media screen and (min-width: 1100px) {
  section .Inner_Box header h1, section .Inner_Box header p {
    font-size: 5.3rem
  }
}

.backLine {
  display: inline-block;
  background: #ffe000;
  background: linear-gradient(0deg, #ffe000 0%, #ffe000 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)
}

.intro_read {
  font-weight: 700;
  font-size: 4.54vw;
  line-height: 1.35
}

@media screen and (min-width: 1100px) {
  .intro_read {
    font-size: 2.2rem
  }
}

.header_read {
  color: #EE242C;
  font-weight: 700;
  font-size: 4.8vw;
  line-height: 1.25
}

@media screen and (min-width: 1100px) {
  .header_read {
    font-size: 2.2rem;
    margin-top: 4rem;
    margin-bottom: -2rem
  }
}

.emp {
  font-weight: 700;
  background: #ffe000;
  background: linear-gradient(0deg, #ffe000 0%, #ffe000 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  padding-bottom: 4px
}

section&gt;.Inner_Body {
  padding: 0 5vw 5vw;
  max-width: 768px;
  margin: 0 auto
}

@media screen and (min-width: 500px) {
  section&gt;.Inner_Body {
    padding: 0
  }
}

@media screen and (min-width: 768px) {
  section&gt;.Inner_Body {
    padding: 0 5vw 3.5vw
  }
}

@media screen and (min-width: 1100px) {
  section&gt;.Inner_Body {
    padding: 0 0 4rem
  }
}

section .Inner_Body {
  padding: 0 5vw 5vw;
  max-width: 768px;
  margin: 0 auto
}

@media screen and (min-width: 500px) {
  section .Inner_Body {
    padding: 0
  }
}

@media screen and (min-width: 768px) {
  section .Inner_Body {
    padding: 0 5vw 3.5vw
  }
}

@media screen and (min-width: 1100px) {
  section .Inner_Body {
    padding: 0 0 4rem
  }
}

.form_link {
  background-color: #39393B
}

@media screen and (min-width: 1100px) {
  .form_link .Footer_Nav {
    max-width: 768px;
    margin: 0 auto;
    padding: 3.3rem 7rem;
    align-items: center
  }
  .form_link .Footer_Nav a.red_btn {
    text-align: left;
    padding: 2.1rem 0;
    justify-content: center;
    width: 53%;
    align-items: center
  }
  .form_link .Footer_Nav a.red_btn img {
    height: auto;
    width: 40px;
    margin-top: inherit;
    margin-right: 1.2rem
  }
  .form_link .Footer_Nav a.red_btn p {
    font-size: 18px;
    line-height: 1.2
  }

  .form_link .Footer_Nav a.red_btn2 {
    text-align: left;
    padding: 2.1rem 0;
    justify-content: center;
    width: 53%;
    align-items: center
  }
  .form_link .Footer_Nav a.red_btn2 img {
    height: auto;
    width: 40px;
    margin-top: inherit;
    margin-right: 1.2rem
  }
  .form_link .Footer_Nav a.red_btn2 p {
    font-size: 18px;
    line-height: 1.2
  }




  .form_link .Footer_Nav a.tel_btn {
    width: 42%
  }
  .form_link .Footer_Nav a.tel_btn img {
    height: auto;
    width: 100%
  }
  .form_link .Footer_Nav a.tel_btn p {
    margin-top: 0.8rem;
    font-size: 10px;
    line-height: 1.2;
    transform: inherit;
    transform-origin: inherit;
    width: 100%;
    text-align: center
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .form_link .Footer_Nav {
    margin: 0 auto;
    padding: 5vw 4vw;
    align-items: center
  }
}

#Introduction {
  background-image: url(../img/hero__img.jpg);
  background-size: 131vw;
  background-position: 13vw 2vw;
  background-repeat: no-repeat;
  background-color: #E7E2D0
}

@media screen and (min-width: 768px) {
  #Introduction {
    background-size: 68vw;
    background-position: right 5vw top 3rem
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  #Introduction {
    background-size: 84vw;
    background-position: right -22vw top 3rem
  }
}

#Introduction .Inner_Box {
  padding: 0 5vw 4vw;
  max-width: 768px;
  margin: 0 auto
}

@media screen and (min-width: 500px) {
  #Introduction .Inner_Box {
    padding: 0
  }
}

@media screen and (min-width: 768px) {
  #Introduction .Inner_Box {
    padding: 0 5vw 3.5vw
  }
}

@media screen and (min-width: 1100px) {
  #Introduction .Inner_Box {
    padding: 0 0 4rem
  }
}

#Introduction header {
  display: flex;
  color: #CDC19C;
  margin: 0;
  padding: 2vw;
  justify-content: space-between;
  background-color: #39393B;
  align-items: center
}

@media screen and (min-width: 500px) {
  #Introduction header {
    justify-content: center;
    padding: 1rem
  }
}

#Introduction .header_logo {
  display: flex;
  align-items: center
}

#Introduction .header_logo img {
  width: 21vw;
  height: auto
}

@media screen and (min-width: 500px) {
  #Introduction .header_logo img {
    width: 97px
  }
}

#Introduction .header_logo p {
  font-weight: 700;
  font-size: 2.6vw;
  border-left: 1px solid #CDC19C;
  margin-left: 1.5vw;
  padding-left: 1.5vw
}

@media screen and (min-width: 500px) {
  #Introduction .header_logo p {
    margin-left: 1rem;
    padding-left: 1rem;
    font-size: 1rem
  }
}

#Introduction .header_txt {
  text-align: right
}

@media screen and (min-width: 500px) {
  #Introduction .header_txt {
    margin-left: 1rem
  }
}

#Introduction .header_txt p {
  font-size: 2.6vw;
  transform: scale(0.95);
  transform-origin: right;
  font-weight: 500
}

@media screen and (min-width: 500px) {
  #Introduction .header_txt p {
    font-size: 11px;
    transform: inherit
  }
}

.bumper .bumper_header {
  background-color: #39393B;
  display: flex;
  width: 37vw;
  justify-content: center;
  margin: 0 auto;
  flex-direction: column;
  padding-bottom: 2.2vw
}

@media screen and (min-width: 768px) {
  .bumper .bumper_header {
    padding-bottom: 1.5rem;
    width: 44%
  }
}

.bumper .bumper_header .bumper_header-pri {
  color: #fff;
  font-size: 2.7vw;
  letter-spacing: .7vw;
  margin-bottom: .5vw
}

@media screen and (min-width: 768px) {
  .bumper .bumper_header .bumper_header-pri {
    font-size: 1.4rem;
    letter-spacing: 1rem;
    margin-bottom: 0.5rem
  }
}

.bumper .bumper_header .bumper_header-sec {
  color: #CDC19C;
  font-size: 4.55vw;
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .bumper .bumper_header .bumper_header-sec {
    font-size: 3.2rem
  }
}

.bumper .main_title {
  text-align: left;
  margin-top: 3.8vw
}

@media screen and (min-width: 768px) {
  .bumper .main_title {
    margin-top: 2.8rem
  }
}

.bumper .main_title .main_title-pri {
  font-size: 5.5vw;
  font-weight: 400;
  line-height: 1.3
}

@media screen and (min-width: 768px) {
  .bumper .main_title .main_title-pri {
    font-size: 3.8rem
  }
}

.bumper .main_title .main_title-pri span {
  font-weight: 900
}

.bumper .main_title .main_title-sec {
  font-size: 12.8vw;
  font-weight: 900;
  color: #EE242C;
  margin: 0 0 1.5vw
}

@media screen and (min-width: 768px) {
  .bumper .main_title .main_title-sec {
    font-size: 11rem;
    margin: 0 0 1.5rem
  }
}

.bumper .main_title .main_title-sec span {
  display: inline-block;
  margin-top: 1.2vw;
  padding: 0 0 2.3vw;
  line-height: 0.85;
  background-color: #FFE000
}

@media screen and (min-width: 768px) {
  .bumper .main_title .main_title-sec span {
    margin-top: 0.8rem;
    padding: 0 0 1.6rem
  }
}

.bumper .main_title .main_title-sec .main_title-tri {
  color: #39393B;
  margin-bottom: 0.5vw
}

.bumper .main_title .main_title-que {
  font-size: 4.8vw;
  font-weight: 900;
  line-height: 1.85
}

@media screen and (min-width: 768px) {
  .bumper .main_title .main_title-que {
    font-size: 3.5rem;
    line-height: 1.5
  }
}

.bumper .main_title .main_title-que span {
  background-color: #39393B;
  font-weight: 700;
  color: #CDC19C;
  display: inline-block;
  padding: 1.2vw 2.5vw;
  font-size: 3.2vw;
  line-height: 1.4;
  margin-right: 0.7vw
}

@media screen and (min-width: 768px) {
  .bumper .main_title .main_title-que span {
    padding: 0.8rem 1.8rem;
    font-size: 2rem;
    line-height: 1.4;
    margin-right: 0.5rem
  }
}

.bumper .bumper_footer {
  margin: 3.5vw 0
}

@media screen and (min-width: 768px) {
  .bumper .bumper_footer {
    margin: 2rem 0 2.5rem
  }
}

.bumper .bumper_footer .bumper_footer-txt {
  font-size: 4.8vw;
  line-height: 1.2
}

@media screen and (min-width: 768px) {
  .bumper .bumper_footer .bumper_footer-txt {
    font-size: 3.2rem;
    line-height: 1.0;
    text-align: left
  }
}

.bumper .bumper_footer .bumper_footer-txt span {
  background: #fff;
  display: inline-block;
  margin: 0.5vw 0;
  font-weight: 900
}

@media screen and (min-width: 768px) {
  .bumper .bumper_footer .bumper_footer-txt span {
    margin: 0.5rem 0
  }
}

.compare_comp-wrap {
  text-align: center
}

.compare_comp-mod {
  background-color: #E7E2D0;
  padding: 3vw 4vw
}

@media screen and (min-width: 768px) {
  .compare_comp-mod {
    padding: 3rem 2rem
  }
}

.compare_comp-mod h3 {
  font-size: 4.8vw;
  font-weight: 700
}

@media screen and (min-width: 768px) {
  .compare_comp-mod h3 {
    font-size: 2.4rem
  }
}

.compare_comp-mod img {
  margin: 2vw 0
}

@media screen and (min-width: 768px) {
  .compare_comp-mod img {
    margin: 1.3rem 0 0.8rem
  }
}

.compare_comp-mod p {
  font-size: 3.75vw;
  font-weight: 700;
  color: #EE242C;
  line-height: 1.3
}

@media screen and (min-width: 768px) {
  .compare_comp-mod p {
    font-size: 2.5rem
  }
}

.compare_ems {
  margin: 6vw 0 0
}

@media screen and (min-width: 768px) {
  .compare_ems {
    margin: 4.2rem 0 0
  }
}

.case_connext-b {
  position: relative;
  margin: 2vw 0 6vw
}

@media screen and (min-width: 768px) {
  .case_connext-b {
    margin: 1.5rem 0 3.5rem
  }
}

.case_connext-b::after {
  content: "";
  position: absolute;
  right: 0;
  top: -1px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFE000 transparent transparent transparent;
  border-width: 9vw 10vw 0 10vw
}

@media screen and (min-width: 768px) {
  .case_connext-b::after {
    border-width: 5rem 6rem 0 6rem
  }
}

.case_connext-b p {
  font-size: 3.75vw;
  font-weight: 700;
  color: #EE242C;
  position: relative;
  z-index: 4;
  top: 2vw
}

@media screen and (min-width: 768px) {
  .case_connext-b p {
    top: 1rem;
    font-size: 2rem
  }
}

.intro_content .intro_content-title {
  background: #39393B;
  font-size: 4vw;
  padding: 2vw;
  font-weight: 900;
  color: #CDC19C
}

@media screen and (min-width: 768px) {
  .intro_content .intro_content-title {
    font-size: 2.6rem;
    padding: 1.3rem
  }
}

.intro_content .intro_content-point {
  margin-top: 1.5vw
}

@media screen and (min-width: 768px) {
  .intro_content .intro_content-point {
    margin-top: 0.8rem
  }
}

.intro_content .intro_content-point ul {
  display: flex;
  justify-content: space-between
}

.intro_content .intro_content-point ul li {
  background-color: #FFE000;
  padding: 2vw 1vw 2vw 7vw;
  margin: 1.5vw 0 0;
  width: 32.5%;
  background-image: url(../img/point__01.png);
  background-repeat: no-repeat;
  background-size: 4.1vw;
  background-position: 1.8vw 1.5vw
}

@media screen and (min-width: 768px) {
  .intro_content .intro_content-point ul li {
    padding: 1.5rem 1rem 1.5rem 5rem;
    margin: 0.7rem 0 0;
    background-size: 2.4rem;
    background-position: 1.8rem 1.2rem
  }
}

.intro_content .intro_content-point ul li span {
  font-size: 2.7vw;
  font-weight: 700;
  text-align: left;
  width: 100%;
  display: block
}

@media screen and (min-width: 768px) {
  .intro_content .intro_content-point ul li span {
    font-size: 1.5rem
  }
}

#pri-casestudy {
  background-color: #fff
}

@media screen and (min-width: 1100px) {
  #pri-casestudy .case_connext p {
    top: 1rem
  }
}

.case_box {
  border: 1px solid #D5CCAD;
  margin-top: 3vw
}

@media screen and (min-width: 1100px) {
  .case_box {
    margin-top: 1.7rem
  }
}

.case_header {
  background-color: #E7E2D0;
  display: flex;
  align-items: flex-start;
  text-align: left;
  padding: 4vw 5vw;
  max-width: 768px;
  margin: 0 auto
}

@media screen and (min-width: 1100px) {
  .case_header {
    padding: 2.5rem 3rem 2rem;
    justify-content: center
  }
}

.case_header img {
  width: 11vw;
  height: auto;
  margin-right: 3vw;
  display: block
}

@media screen and (min-width: 1100px) {
  .case_header img {
    width: 7rem;
    margin-right: 2rem;
    margin-top: -1.1rem
  }
}

@media screen and (min-width: 1100px) {
  .case_header .case_header-txt {
    max-width: 320px
  }
}

.case_header .case_header-txt .case_date {
  font-size: 2.7vw;
  font-weight: 500;
  margin-bottom: 1vw
}

@media screen and (min-width: 1100px) {
  .case_header .case_header-txt .case_date {
    font-size: 1.3rem;
    margin-bottom: 0.6rem
  }
}

.case_header .case_header-txt .case_title {
  font-size: 3.2vw;
  line-height: 1.3;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  .case_header .case_header-txt .case_title {
    font-size: 1.6rem
  }
}

.case_body {
  padding: 4vw 5vw;
  max-width: 768px;
  margin: 0 auto
}

@media screen and (min-width: 1100px) {
  .case_body {
    padding: 1.5rem 2rem
  }
}

.case_body .case_body-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2vw
}

@media screen and (min-width: 1100px) {
  .case_body .case_body-title {
    align-items: center;
    margin-bottom: 1.5rem
  }
}

.case_body .case_body-title h2 {
  font-size: 4.303vw;
  line-height: 1.3;
  font-weight: 700;
  text-align: left;
  width: 68%
}

@media screen and (min-width: 1100px) {
  .case_body .case_body-title h2 {
    font-size: 2.8rem
  }
}

.case_body .case_body-title .case_body-img {
  width: 30%;
  position: relative
}

.case_body .case_body-title .case_body-img img {
  height: auto;
  display: block
}

.case_body .case_body-title .case_body-img p {
  position: absolute;
  font-size: 2.7vw;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: rgba(57, 57, 59, 0.8);
  padding: 1vw;
  transform: scale(0.7);
  width: 120%;
  transform-origin: bottom right;
  text-align: right
}

@media screen and (min-width: 1100px) {
  .case_body .case_body-title .case_body-img p {
    font-size: 1.1rem;
    padding: 0.5rem;
    transform: inherit;
    width: auto;
    transform-origin: inherit
  }
}

.case_connext {
  background-color: #FFE000;
  position: relative
}

@media screen and (min-width: 1100px) {
  .case_connext {
    width: 65%;
    margin: 0 auto
  }
}

.case_connext p {
  color: #EE242C;
  font-weight: 700;
  font-size: 3.74vw;
  line-height: 1.2;
  padding-top: 2vw;
  position: relative;
  top: 0.6vw;
  z-index: 8
}

@media screen and (min-width: 1100px) {
  .case_connext p {
    font-size: 1.8rem;
    padding-top: 0.5rem;
    top: 1.2rem
  }
}

.case_connext::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 6vw;
  background-image: url(../img/down-arrow.png);
  background-repeat: no-repeat;
  background-size: contain
}

.comparison_support .case_connext {
  background-color: #EBE6D7;
  margin-bottom: 7vw
}

@media screen and (min-width: 1100px) {
  .comparison_support .case_connext {
    margin-bottom: 3vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }
}

.comparison_support .case_connext::after {
  background-image: url(../img/down-arrow2.png)
}

.comparison_support .case_connext p {
  color: #39393B;
  top: 1.3vw
}

@media screen and (min-width: 1100px) {
  .comparison_support .case_connext p {
    top: 1.3rem
  }
}

.compare_comp {
  display: flex;
  margin-top: 6vw;
  margin-bottom: 2vw;
  justify-content: space-between
}

@media screen and (min-width: 1100px) {
  .compare_comp {
    margin-top: 5.5rem;
    margin-bottom: 1rem
  }
}

.compare_comp .compare_comp-box {
  width: 31%
}

.compare_comp .compare_comp-box img {
  width: 7.7vw
}

@media screen and (min-width: 1100px) {
  .compare_comp .compare_comp-box img {
    width: 5.7rem
  }
}

.compare_comp .compare_comp-box .compare_tit {
  background-color: #39393B;
  color: #fff;
  font-weight: 700;
  font-size: 2.7vw;
  padding: 1vw;
  margin: 1vw 0 1.5vw
}

@media screen and (min-width: 1100px) {
  .compare_comp .compare_comp-box .compare_tit {
    font-size: 1.3rem;
    margin: 0.5rem 0 1rem;
    padding: 0.8rem
  }
}

.compare_comp .compare_comp-box .compare_heading {
  font-size: 2.95vw;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  .compare_comp .compare_comp-box .compare_heading {
    font-size: 1.5rem
  }
}

.compare_comp .compare_comp-box .compare_price {
  color: #EE242C;
  font-weight: 900;
  font-size: 4.8vw;
  margin: 1vw 0
}

@media screen and (min-width: 1100px) {
  .compare_comp .compare_comp-box .compare_price {
    font-size: 2.4rem;
    margin: 0.5rem 0 0.8rem
  }
}

.compare_comp .compare_comp-box .compare_read {
  font-size: 2.7vw;
  margin: 1vw 0 0;
  line-height: 1.3;
  text-align: left
}

@media screen and (min-width: 1100px) {
  .compare_comp .compare_comp-box .compare_read {
    font-size: 1.3rem;
    margin: 0.6rem 0 0
  }
}

.case_body-sect .header_logo {
  background-color: #39393B;
  margin-top: 7vw;
  color: #CDC19C;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3vw
}

@media screen and (min-width: 1100px) {
  .case_body-sect .header_logo {
    margin-top: 6.3rem;
    padding: 1.8rem
  }
}

.case_body-sect .header_logo img {
  width: 44%;
  margin-right: 2vw
}

@media screen and (min-width: 1100px) {
  .case_body-sect .header_logo img {
    width: 28%;
    margin-right: 1.5rem
  }
}

.case_body-sect .header_logo p {
  font-weight: 700;
  font-size: 4vw
}

@media screen and (min-width: 1100px) {
  .case_body-sect .header_logo p {
    font-size: 2rem
  }
}

.case_body-sect .case_body-main .case_body-21 {
  padding: 8vw 1vw;
  margin: 2vw 0;
  background-image: url(../img/logo__symbol.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .case_body-21 {
    padding: 3rem 1rem;
    margin: 1rem 0
  }
}

.case_body-sect .case_body-main .compare_heading {
  font-size: 3.74vw;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .compare_heading {
    font-size: 1.8rem
  }
}

.case_body-sect .case_body-main .compare_price {
  color: #EE242C;
  font-weight: 900;
  font-size: 9.36vw;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .compare_price {
    font-size: 4.5rem;
    margin: 0.6rem 0
  }
}

.case_body-sect .case_body-main .compare_read {
  font-size: 3.74vw;
  margin: 1vw 0 0;
  line-height: 1.3
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .compare_read {
    font-size: 1.8rem
  }
}

.case_body-sect h5 {
  color: #EE242C;
  font-weight: 700;
  font-size: 8.27vw;
  margin: 1vw 0
}

@media screen and (min-width: 1100px) {
  .case_body-sect h5 {
    font-size: 4rem
  }
}

.case_body-sect h6 {
  font-weight: 700;
  font-size: 8.27vw;
  margin: 1vw 0
}

@media screen and (min-width: 1100px) {
  .case_body-sect h6 {
    font-size: 4rem
  }
}

.case_footer {
  background-color: #E7E2D0;
  border-top: 1px solid #D5CCAD;
  padding: 5.5vw 3vw 4vw;
  position: relative
}

@media screen and (min-width: 1100px) {
  .case_footer {
    padding: 2.8rem 2rem 2rem
  }
}

.case_footer .case_close {
  font-weight: 700;
  font-size: 4.55vw;
  line-height: 1.32;
  text-align: left
}

@media screen and (min-width: 1100px) {
  .case_footer .case_close {
    font-size: 2rem
  }
}

.case_footer .case_close span {
  color: #EE242C
}

.case_footer::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #D5CCAD transparent transparent transparent;
  border-width: 15px 18px 0 18px
}

.case_footer::after {
  content: "";
  position: absolute;
  right: 0;
  top: -1px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 15px 18px 0 18px
}

.exclusive-mod .case_header .case_header-txt .case_title {
  font-size: 4.3vw
}

@media screen and (min-width: 1100px) {
  .exclusive-mod .case_header .case_header-txt .case_title {
    font-size: 2.15rem
  }
}

.exclusive-mod h4 {
  font-weight: 700;
  font-size: 5.1vw;
  line-height: 1.3;
  color: #EE242C
}

@media screen and (min-width: 1100px) {
  .exclusive-mod h4 {
    font-size: 2.5rem
  }
}

.exclusive-mod .case_read {
  font-size: 3.2vw;
  line-height: 1.3;
  margin-left: -12vw;
  margin-top: 1.5vw
}

@media screen and (min-width: 1100px) {
  .exclusive-mod .case_read {
    font-size: 1.4rem;
    margin-left: -8rem;
    margin-top: 0.5rem
  }
}

@media screen and (min-width: 1100px) {
  .exclusive-mod .case_header img {
    width: 7rem;
    margin-right: 2rem;
    margin-top: 0
  }
}

.exclusive-mod .case_txt-wrap {
  padding: 8vw 1vw;
  margin: 2vw 0;
  background-image: url(../img/logo__symbol.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

@media screen and (min-width: 1100px) {
  .exclusive-mod .case_txt-wrap {
    padding: 3rem 1rem;
    margin: 1rem 0
  }
}

.exclusive-mod .case_txt-wrap-mod {
  position: relative;
  padding-top: 7vw
}

@media screen and (min-width: 1100px) {
  .exclusive-mod .case_txt-wrap-mod {
    padding-top: 3rem
  }
}

.exclusive-mod .case_txt-wrap-mod::before {
  content: "";
  position: absolute;
  right: 0;
  top: -1px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFE000 transparent transparent transparent;
  border-width: 5.5vw 7vw 0 7vw
}

@media screen and (min-width: 1100px) {
  .exclusive-mod .case_txt-wrap-mod::before {
    border-width: 3rem 4rem 0 4rem
  }
}

.case_body-footer {
  margin: 4vw 0 0;
  text-align: left
}

@media screen and (min-width: 1100px) {
  .case_body-footer {
    margin: 2rem 0 0
  }
}

.case_body-footer p {
  font-size: 3.2vw;
  line-height: 1.4;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  .case_body-footer p {
    font-size: 1.6rem;
    margin: 1rem 0
  }
}

.case_body-footer .ext {
  color: #EE242C;
  font-weight: 700;
  font-size: 4.2vw
}

@media screen and (min-width: 1100px) {
  .case_body-footer .ext {
    font-size: 2.1rem
  }
}

.chosen-mod .Inner_Body&gt;.intro_read {
  text-align: center
}

.chosen-mod#chosen .chosen_wrap .chosen_box {
  background-color: #E7E2D0
}

.chosen-mod#chosen .chosen_wrap .chosen_box.chosen_members {
  background-color: #F5F5EC
}

.chosen-mod#chosen .chosen_wrap .chosen_box.chosen_end {
  background-color: #fff
}

.chosen-mod .comparison_support .case_connext {
  background-color: #fff
}

.chosen-mod .comparison_support .case_connext::after {
  background-image: url(../img/down-arrow3.png)
}

#reasons {
  background-color: #E7E2D0
}

#reasons header h1 br {
  display: none
}

@media screen and (min-width: 1100px) {
  #reasons header h1 br {
    display: block
  }
}

#reasons .reasons_comment {
  margin-top: 3vw;
  background-color: #fff;
  background-image: url(../img/img__character.png);
  background-position: left 3vw;
  background-repeat: no-repeat;
  background-size: 28vw;
  padding: 4vw 4vw 4vw 29vw;
  text-align: left
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_comment {
    margin-top: 2rem;
    background-position: left 0.5rem;
    background-size: 16rem;
    padding: 2rem 2rem 2rem 17rem
  }
}

#reasons .reasons_comment p {
  font-size: 3.74vw;
  line-height: 1.4
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_comment p {
    font-size: 1.8rem
  }
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_list {
    margin-top: 1rem
  }
}

#reasons .reasons_list li {
  text-align: left;
  padding: 3.4vw 1vw 3.4vw 6.5vw;
  margin: 0;
  background-image: url(../img/point__02.png);
  background-repeat: no-repeat;
  background-size: 4.1vw;
  background-position: 0.3vw 3.78vw;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.3;
  border-bottom: 1px solid #D5CCAD
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_list li {
    font-size: 2rem;
    padding: 2rem 1rem 2rem 5.8rem;
    background-size: 2.6rem;
    background-position: 1.8rem 2.1rem
  }
}

#reasons .reasons_footer {
  margin-top: 4vw
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_footer {
    margin-top: 3rem
  }
}

#reasons .reasons_footer .reasons_footer-heading {
  font-size: 7.47vw;
  font-weight: 900;
  color: #EE242C;
  margin-bottom: 2vw
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_footer .reasons_footer-heading {
    font-size: 3.8rem;
    margin-bottom: 1rem
  }
}

#reasons .reasons_footer .reasons_footer-intro {
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.3;
  margin: 1.7vw 0;
  display: inline
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_footer .reasons_footer-intro {
    font-size: 2rem;
    margin: 1rem 0
  }
}

#reasons .reasons_footer .reasons_footer-read {
  font-weight: 700;
  font-size: 3.74vw;
  line-height: 1.4;
  margin-top: 2vw
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_footer .reasons_footer-read {
    font-size: 1.8rem;
    margin-top: 1.3rem
  }
}

#reasons .reasons_footer .reasons_footer-read br {
  display: none
}

@media screen and (min-width: 1100px) {
  #reasons .reasons_footer .reasons_footer-read br {
    display: block
  }
}

#statistics .statistics_box {
  text-align: left;
  margin: 6vw 0
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box {
    margin: 3rem 0
  }
}

#statistics .statistics_box:last-child {
  margin-bottom: 0
}

#statistics .statistics_box h3 {
  font-size: 5.6vw;
  font-weight: 700;
  margin-top: 10vw
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box h3 {
    font-size: 2.8rem;
    margin-bottom: 1.3rem;
    margin-top: 5rem
  }
}

#statistics .statistics_box p {
  font-size: 3.75vw;
  margin: 2vw 0;
  line-height: 1.45
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box p {
    font-size: 1.6rem;
    margin: 0.8rem 0
  }
}

#statistics .statistics_box p.statistics_str {
  font-size: 4.8vw;
  font-weight: 700;
  color: #EE242C
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box p.statistics_str {
    font-size: 2.4rem
  }
}

#statistics .statistics_box p.statistics_stv {
  font-size: 7.4vw;
  font-weight: 900;
  color: #EE242C
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box p.statistics_stv {
    font-size: 3.2rem
  }
}

#statistics .statistics_box ul {
  margin-top: 2.7vw;
  color: #EE242C;
  font-weight: 700;
  font-size: 3.74vw;
  line-height: 1.4;
  text-align: left;
  padding-left: 4vw
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box ul {
    font-size: 1.8rem;
    margin-top: 1rem;
    padding-left: 3rem
  }
}

#statistics .statistics_box ul li {
  list-style: inside disc
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box .case_wrapper {
    display: flex
  }
}

#statistics .statistics_box .case_header {
  align-items: center;
  margin: 1vw 0;
  padding: 3vw 5vw
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box .case_header {
    margin: 0.5rem 0 0.5rem 0.5rem;
    padding: 2rem 3rem
  }
}

#statistics .statistics_box .case_header:last-child {
  margin-right: 0
}

#statistics .statistics_box .case_header p {
  font-size: 3.75vw
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box .case_header p {
    font-size: 1.8rem
  }
}

#statistics .statistics_box .case_header img {
  margin-top: -0.5rem
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box .case_header img {
    width: 5.5rem;
    margin-right: 2rem
  }
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_box .case_header .case_header-txt {
    max-width: inherit
  }
}

#statistics .statistics_img {
  text-align: center;
  margin-top: 5vw;
  margin-bottom: 2.5vw
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_img {
    margin-top: 2.3rem;
    margin-bottom: 0.5rem;
    border: 1px solid #dcd5c1;
    padding: 2.5rem 0
  }
}

#statistics .statistics_img h4 {
  font-size: 4.3vw;
  font-weight: 700;
  color: #9C874F;
  margin-bottom: 2.5vw
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_img h4 {
    font-size: 3rem;
    margin-bottom: 1.8rem
  }
}

@media screen and (min-width: 1100px) {
  #statistics .statistics_img img {
    width: 70%;
    height: auto
  }
}

#owner-is {
  background-color: #E7E2D0
}

#owner-is .Inner_Box h1 br {
  display: none
}

@media screen and (min-width: 1100px) {
  #owner-is .Inner_Box h1 br {
    display: block
  }
}

#owner-is .Inner_Body p {
  text-align: left;
  font-size: 3.75vw;
  margin: 2vw 0;
  line-height: 1.45
}

@media screen and (min-width: 1100px) {
  #owner-is .Inner_Body p {
    font-size: 1.6rem;
    margin: 0.8rem 0
  }
}

#owner-is .Inner_Body p.owner-footer {
  color: #EE242C;
  font-weight: 700;
  font-size: 4.27vw
}

@media screen and (min-width: 1100px) {
  #owner-is .Inner_Body p.owner-footer {
    font-size: 2.1rem
  }
}

#owner-is .Inner_Body p.owner-header {
  font-weight: 700;
  font-size: 4.27vw
}

@media screen and (min-width: 1100px) {
  #owner-is .Inner_Body p.owner-header {
    font-size: 2.1rem
  }
}

.owner-says h3 {
  color: #EE242C;
  font-weight: 700;
  text-align: left;
  font-size: 4.8vw;
  margin-top: 3vw
}

@media screen and (min-width: 1100px) {
  .owner-says h3 {
    font-size: 2.4rem;
    margin-top: 1.5rem
  }
}

.owner-says-box {
  display: flex;
  align-items: flex-start;
  margin: .4rem 0 1.4rem
}

.owner-says-box img {
  width: 28%;
  height: auto
}

@media screen and (min-width: 1100px) {
  .owner-says-box img {
    width: 18%
  }
}

.owner-baloon {
  background-color: #fff;
  border-radius: 1vw;
  padding: 1.7vw 4vw;
  margin-right: 5vw;
  font-size: 4vw;
  position: relative
}

@media screen and (min-width: 1100px) {
  .owner-baloon {
    width: 75%;
    border-radius: 1rem;
    padding: 2.7rem 4rem;
    margin-right: 5rem;
    font-size: 2rem
  }
}

@media screen and (min-width: 1100px) {
  .owner-baloon p {
    text-align: center !important;
    font-weight: 700
  }
}

.owner-baloon::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3vw 0 3vw 5vw;
  border-color: transparent transparent transparent #fff;
  top: 7vw;
  right: -5vw
}

@media screen and (min-width: 1100px) {
  .owner-baloon::after {
    border-width: 1.5rem 0 1.5rem 3rem;
    top: 4rem;
    right: -3rem
  }
}

.case_mod {
  color: #EE242C;
  font-weight: 700;
  display: flex;
  align-items: center;
  font-size: 3.2vw;
  margin-bottom: 1vw
}

@media screen and (min-width: 1100px) {
  .case_mod {
    font-size: 1.7rem;
    margin-bottom: 0.3rem
  }
}

.case_mod span {
  color: #fff;
  background-color: #EE242C;
  display: flex;
  margin-left: 0.5vw;
  padding: 0.5vw 1vw;
  border-radius: 2vw
}

@media screen and (min-width: 1100px) {
  .case_mod span {
    margin-left: 0.5rem;
    padding: 0.5rem 0.9rem;
    border-radius: 2rem
  }
}

#about {
  background-color: #fff
}

#about .intro_read {
  text-align: left
}

#about .ceo_comment {
  text-align: left;
  overflow: hidden;
  margin-top: 4.5vw
}

@media screen and (min-width: 1100px) {
  #about .ceo_comment {
    margin-top: 2.5rem
  }
}

#about .ceo_comment .ceo_read {
  font-size: 3.74vw;
  line-height: 1.4;
  margin-bottom: 2vw
}

@media screen and (min-width: 1100px) {
  #about .ceo_comment .ceo_read {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    line-height: 1.6
  }
}

#about .ceo_comment .ceo_img {
  float: right;
  width: 29vw;
  margin: 0 0 5vw 3vw
}

@media screen and (min-width: 1100px) {
  #about .ceo_comment .ceo_img {
    width: 13rem;
    margin: 0 0 2.5rem 2.5rem
  }
}

#about .ceo_comment .ceo_img img {
  max-width: 100%
}

#about .ceo_comment .ceo_img .ceo_tit {
  color: #88888A;
  font-size: 2.7vw;
  line-height: 1.4;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  #about .ceo_comment .ceo_img .ceo_tit {
    font-size: 1.1rem;
    margin: 0.8rem 0
  }
}

#about .ceo_comment .ceo_img .ceo_name {
  font-weight: 700;
  font-size: 3.74vw
}

@media screen and (min-width: 1100px) {
  #about .ceo_comment .ceo_img .ceo_name {
    font-size: 1.6rem
  }
}

#about .about_list {
  margin-top: 4vw;
  color: #EE242C;
  font-weight: 700;
  font-size: 3.74vw;
  line-height: 1.4;
  text-align: left;
  padding-left: 4vw
}

@media screen and (min-width: 1100px) {
  #about .about_list {
    font-size: 1.8rem;
    margin-top: 3rem;
    padding-left: 3rem
  }
}

#about .about_list li {
  list-style: inside disc
}

.txt-align-left {
  text-align: left
}

#chosen {
  background-color: #E7E2D0
}

#chosen .chosen_img {
  margin: 4vw 0
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_img {
    margin: 1.5vw 0
  }
}

#chosen .chosen_img img {
  max-width: 100%
}

#chosen .chosen_read {
  font-size: 3.74vw;
  line-height: 1.4;
  margin-bottom: 2vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_read {
    font-size: 1.6rem;
    margin-bottom: 2.5rem;
    line-height: 1.6
  }
}

#chosen .chosen_list {
  border: 1px solid #D5CCAD;
  background-color: #fff;
  padding: 4vw 4vw 2vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_list {
    padding: 3rem 4rem 2rem
  }
}

#chosen .chosen_list h2 {
  color: #EE242C;
  font-weight: 700;
  font-size: 4.2vw;
  padding-bottom: 3vw;
  line-height: 1.3
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_list h2 {
    font-size: 2.1rem;
    padding-bottom: 2rem
  }
}

#chosen .chosen_list ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  text-align: left;
  padding: 3.4vw 1vw 3.4vw 8vw;
  margin: 0;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.3;
  border-top: 1px solid #D5CCAD
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_list ul li {
    font-size: 2rem;
    padding: 2rem 0 2rem 4rem
  }
}

#chosen .chosen_list ul li span {
  background-color: #FFE000;
  position: absolute;
  left: 0;
  top: 3vw;
  display: flex;
  width: 6vw;
  justify-content: center;
  align-items: center;
  height: 6vw;
  border-radius: 3vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_list ul li span {
    top: 1.8rem;
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem
  }
}

#chosen .chosen_wrap {
  background-color: #CDC19C;
  max-width: 768px
}

#chosen .chosen_wrap:last-child {
  background-color: #e7e2d0
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap:last-child {
    padding: 0 0 40px
  }
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap {
    padding: 0;
    margin: 0 auto
  }
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .Inner_Body {
    padding: 0 0 2.5rem
  }
  #chosen .chosen_wrap .Inner_Box {
    padding-top: 1rem
  }
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_21-footer {
    padding: 0 4rem 3rem;
    margin: -1rem auto 0
  }
}

#chosen .chosen_wrap .comparison_21-footer h4 {
  font-weight: 700;
  color: #EE242C;
  font-size: 7.34vw;
  line-height: 1.25
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_21-footer h4 {
    font-size: 3.8rem
  }
}

#chosen .chosen_wrap .comparison_21-footer h5 {
  font-weight: 700;
  font-size: 4.27vw;
  line-height: 1.35;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_21-footer h5 {
    font-size: 2.1rem;
    margin: 1rem 0
  }
}

#chosen .chosen_wrap .comparison_21-footer p {
  font-size: 3.74vw;
  line-height: 1.4;
  font-weight: 400
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_21-footer p {
    font-size: 1.8rem
  }
}

#chosen .chosen_wrap .comparison_support-footer {
  margin-top: -4vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_support-footer {
    margin: -1rem auto 0;
    width: 72%
  }
}

#chosen .chosen_wrap .comparison_support-footer h4 {
  color: #fff;
  background-color: #EE242C;
  font-size: 7.45vw;
  padding: 2.5vw;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_support-footer h4 {
    font-size: 3.8rem;
    padding: 1.8rem
  }
}

#chosen .chosen_wrap .comparison_support-footer .intro_read {
  color: #EE242C;
  font-size: 6.422vw;
  line-height: 1.2;
  margin-top: 3vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_wrap .comparison_support-footer .intro_read {
    font-size: 3.2rem;
    margin-top: 1.5rem
  }
}

#chosen .chosen_box {
  background-color: #fff
}

#chosen .chosen_title {
  background-color: #39393B;
  color: #CDC19C;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 4.5vw;
  padding: 3.5vw 0
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_title {
    font-size: 2.2rem;
    padding: 2rem 0
  }
}

#chosen .chosen_title span {
  background-color: #FFE000;
  color: #39393B;
  display: flex;
  width: 6vw;
  justify-content: center;
  align-items: center;
  height: 6vw;
  border-radius: 3vw;
  margin-left: 2vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_title span {
    top: 1.8rem;
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
    margin-left: 1rem;
    padding-bottom: 0.5rem
  }
}

#chosen .chosen_members {
  padding: 5vw;
  max-width: 768px;
  margin: 0 auto;
  background-color: #F5F5EC
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_members {
    padding: 4rem 3.5vw;
    margin: 0 auto
  }
}

#chosen .chosen_members h4 {
  font-size: 4.28vw;
  line-height: 1.35;
  margin-bottom: 1vw;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_members h4 {
    font-size: 2.1rem;
    margin-bottom: 0.5rem
  }
}

#chosen .chosen_members .chosen_members-wrap {
  display: flex;
  flex-wrap: wrap
}

#chosen .chosen_members .chosen_members-wrap .chosen_members-box {
  width: 31%;
  margin-right: 3.5%;
  margin-top: 3vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_members .chosen_members-wrap .chosen_members-box {
    width: 23.5%;
    margin-right: 2%;
    margin-top: 1.5rem
  }
}

#chosen .chosen_members .chosen_members-wrap .chosen_members-box img {
  width: 100%
}

@media screen and (max-width: 1100px) {
  #chosen .chosen_members .chosen_members-wrap .chosen_members-box:nth-of-type(3n) {
    margin-right: 0
  }
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_members .chosen_members-wrap .chosen_members-box:nth-of-type(4n) {
    margin-right: 0
  }
}

#chosen .chosen_members .chosen_members-wrap .chosen_members-box .chosen_members-txt {
  text-align: left
}

#chosen .chosen_members .chosen_members-wrap .chosen_members-box .chosen_members-txt .members-title {
  font-size: 3.2vw;
  margin: 1.2vw 0 0.5vw
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_members .chosen_members-wrap .chosen_members-box .chosen_members-txt .members-title {
    font-size: 1.4rem;
    margin: 1rem 0 0.3rem
  }
}

#chosen .chosen_members .chosen_members-wrap .chosen_members-box .chosen_members-txt .members-name {
  font-size: 3.75vw;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  #chosen .chosen_members .chosen_members-wrap .chosen_members-box .chosen_members-txt .members-name {
    font-size: 1.6rem
  }
}

.comparison_wrap .comparison_header {
  max-width: 768px;
  padding: 0 5vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_header {
    padding: 0 4rem;
    margin: 0 auto
  }
}

.comparison_wrap .comparison_header h3 {
  background-color: #E7E2D0;
  font-weight: 700;
  font-size: 5.35vw;
  padding: 3vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_header h3 {
    font-size: 2.6rem;
    padding: 2rem
  }
}

.comparison_wrap .comparison_body {
  border-top: 1px solid #D5CCAD;
  position: relative;
  max-width: 768px;
  padding: 0 5vw 5vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_body {
    padding: 0 4rem 4rem;
    margin: 0 auto
  }
}

.comparison_wrap .comparison_body.comparison_21, .comparison_wrap .comparison_body.comparison_support {
  border-top: none;
  background: none;
  margin-top: -2vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_body.comparison_21, .comparison_wrap .comparison_body.comparison_support {
    padding: 0 4rem 2rem;
    margin: 0 auto
  }
}

.comparison_wrap .comparison_body.comparison_21::before, .comparison_wrap .comparison_body.comparison_support::before {
  display: none
}

.comparison_wrap .comparison_body.comparison_21::after, .comparison_wrap .comparison_body.comparison_support::after {
  display: none
}

.comparison_wrap .comparison_body.comparison_21 .comparison_list-box, .comparison_wrap .comparison_body.comparison_support .comparison_list-box {
  height: inherit
}

.comparison_wrap .comparison_body.comparison_21 .comparison_list-box img, .comparison_wrap .comparison_body.comparison_support .comparison_list-box img {
  width: 100%
}

.comparison_wrap .comparison_body::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #D5CCAD transparent transparent transparent;
  border-width: 15px 18px 0 18px
}

.comparison_wrap .comparison_body::after {
  content: "";
  position: absolute;
  right: 0;
  top: -1px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #E7E2D0 transparent transparent transparent;
  border-width: 15px 18px 0 18px
}

.comparison_wrap .comparison_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_list {
    margin-top: 1.5rem
  }
}

.comparison_wrap .comparison_list&gt;div {
  width: 47%
}

.comparison_wrap .comparison_list-head img {
  height: 10vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_list-head img {
    height: 6rem
  }
}

.comparison_wrap .comparison_list-head h5 {
  font-weight: 700;
  font-size: 4.28vw;
  height: 12vw;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_list-head h5 {
    font-size: 2.1rem;
    height: 6rem
  }
}

.comparison_wrap .comparison_list-box {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%
}

.comparison_wrap .comparison_list-pri .comparison_list-box {
  background-image: url(../img/ico__bad.png)
}

.comparison_wrap .comparison_list-sec h5 {
  color: #9C874F
}

.comparison_wrap .comparison_list-sec .comparison_list-box {
  background-color: #9C874F;
  background-image: url(../img/ico__good.png)
}

.comparison_wrap .comparison_list-sec .comparison_list-text {
  font-weight: 700
}

.comparison_wrap .comparison_list-tri .comparison_list-box {
  background-image: url(../img/ico__mid.png);
  background-size: 64%
}

.comparison_wrap .comparison_list-box {
  background-color: #848486;
  height: 28vw;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_list-box {
    height: 20rem
  }
}

.comparison_wrap .comparison_list-box p {
  color: #fff;
  font-weight: 700;
  font-size: 4.8vw;
  line-height: 1.2
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_list-box p {
    font-size: 2.2rem
  }
}

.comparison_wrap .comparison_list-text {
  text-align: left;
  margin-top: 2.5vw;
  font-size: 3.74vw;
  line-height: 1.4
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_list-text {
    font-size: 1.8rem;
    margin-top: 1.3rem
  }
}

.comparison_wrap .comparison_img {
  margin-top: 1vw
}

.comparison_wrap .comparison_footer {
  margin-top: 2vw
}

.comparison_wrap .comparison_footer p {
  font-weight: 700;
  font-size: 4.8vw;
  line-height: 1.35
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_footer p {
    font-size: 2.4rem
  }
}

.comparison_wrap .comparison_footer p span {
  color: #EE242C;
  font-size: 5.3vw
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_footer p span {
    font-size: 2.8rem
  }
}

.comparison_wrap .comparison_footer br {
  display: none
}

@media screen and (min-width: 1100px) {
  .comparison_wrap .comparison_footer br {
    display: block
  }
}

.attention_wrap {
  color: #fff;
  max-width: 768px;
  padding: 0 5vw 5vw;
  position: relative;
  margin-top: 2.5vw
}

@media screen and (min-width: 1100px) {
  .attention_wrap {
    padding: 0 4rem 3.5vw;
    margin: 0 auto
  }
}

.attention_wrap .attention_body {
  background-image: url(../img/point__bg.jpg);
  padding: 4vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media screen and (min-width: 1100px) {
  .attention_wrap .attention_body {
    padding: 5.5rem 3rem 3rem 3rem
  }
}

.attention_wrap .attention_head {
  background-color: #EE242C;
  display: inline-block;
  padding: 2vw 4vw;
  margin: 0;
  font-size: 4vw;
  top: -7.5vw;
  position: relative;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  .attention_wrap .attention_head {
    font-size: 2rem;
    padding: 1rem 3rem;
    top: -7.5rem
  }
}

.attention_wrap h4 {
  font-weight: 700;
  font-size: 5.08vw;
  line-height: 1.3;
  margin-top: -2vw;
  margin-bottom: 2vw
}

@media screen and (min-width: 1100px) {
  .attention_wrap h4 {
    font-size: 2.5rem;
    margin-top: -5rem;
    margin-bottom: 1.5rem
  }
}

.attention_wrap .attention_txt {
  line-height: 1.6;
  font-size: 3.75vw;
  text-align: left
}

@media screen and (min-width: 1100px) {
  .attention_wrap .attention_txt {
    font-size: 1.7rem
  }
}

.attention_wrap .attention_txt span {
  background-color: #FFE000;
  color: blue;
  margin: 1vw;
  padding: 0 1vw
}

@media screen and (min-width: 1100px) {
  .attention_wrap .attention_txt span {
    margin: 0.5rem;
    padding: 0 0.5rem
  }
}

#exclusive {
  background-color: #fff;
  max-width: 768px;
  position: relative
}

@media screen and (min-width: 1100px) {
  #exclusive {
    margin: 5rem auto
  }
}

#exclusive .exclusive_wrap {
  border: 8px solid #39393B
}

#exclusive .intro_read {
  margin-bottom: 3vw
}

@media screen and (min-width: 1100px) {
  #exclusive .intro_read {
    margin-bottom: 1rem
  }
}

#exclusive .Inner_Box {
  padding-top: 5.5vw
}

@media screen and (min-width: 1100px) {
  #exclusive .Inner_Box {
    padding-top: 0
  }
}

@media screen and (min-width: 1100px) {
  #exclusive .Inner_Body {
    padding: 0 5rem 4rem
  }
}

#exclusive .exclusive_title {
  text-align: center;
  justify-content: center;
  background-color: #39393B;
  color: #CDC19C;
  font-weight: 900;
  display: flex;
  font-size: 7vw;
  line-height: 1.2;
  align-items: center;
  padding: 6vw 4vw 4vw
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_title {
    font-size: 3.3rem;
    padding: 2.8rem 4rem 2.2rem;
    justify-content: center
  }
}

#exclusive .exclusive_title span {
  color: #39393B;
  background-color: #CDC19C;
  font-weight: 700;
  display: block;
  text-align: center;
  font-size: 4.55vw;
  line-height: 1.1;
  padding: 2.5vw;
  margin: 1.4vw 3vw 0 0
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_title span {
    font-size: 2.2rem;
    padding: 1.6rem;
    margin: 0.3rem 2rem 0 0
  }
}

#exclusive .exclusive_point-box {
  padding: 0 5vw 5vw;
  max-width: 768px;
  margin: 0 auto
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box {
    padding: 0 5rem 4rem
  }
}

#exclusive .exclusive_point-box .exclusive_point-head {
  margin-top: -3vw
}

#exclusive .exclusive_point-box .exclusive_point-num {
  font-size: 17.6vw;
  font-weight: 700;
  color: #EE242C;
  position: relative;
  margin-bottom: -2.5vw
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box .exclusive_point-num {
    font-size: 8.8rem;
    margin-bottom: -1.3rem
  }
}

#exclusive .exclusive_point-box .exclusive_point-num::before {
  position: absolute;
  content: '';
  display: block;
  background-image: url(../img/point__left.png);
  height: 14vw;
  width: 7.5vw;
  top: 3.3vw;
  left: 31%;
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box .exclusive_point-num::before {
    height: 7rem;
    width: 3.8rem;
    top: 1.6rem;
    left: 40%
  }
}

#exclusive .exclusive_point-box .exclusive_point-num::after {
  position: absolute;
  content: '';
  display: block;
  background-image: url(../img/point__right.png);
  height: 14vw;
  width: 7.5vw;
  top: 3.3vw;
  right: 31%;
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box .exclusive_point-num::after {
    height: 7rem;
    width: 3.8rem;
    top: 1.6rem;
    right: 40%
  }
}

#exclusive .exclusive_point-box h3 {
  font-size: 4.55vw;
  font-weight: 700;
  background-color: #FFE000;
  padding: 3.5vw
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box h3 {
    font-size: 2.2rem;
    padding: 2rem
  }
}

#exclusive .exclusive_point-box h2 {
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.3;
  padding: 3.5vw 0
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box h2 {
    font-size: 3.2rem;
    padding: 2rem 0
  }
}

#exclusive .exclusive_point-box h2 br {
  display: none
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box h2 br {
    display: block
  }
}

#exclusive .exclusive_point-box .exclusive_point-txt {
  margin-top: 4vw
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box .exclusive_point-txt {
    margin-top: 3rem
  }
}

#exclusive .exclusive_point-box .exclusive_point-txt p {
  text-align: left;
  font-size: 4.27vw;
  line-height: 1.5;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  #exclusive .exclusive_point-box .exclusive_point-txt p {
    font-size: 1.8rem;
    margin: 1rem 0
  }
}

.casestudy-mod .case_txt-wrap p {
  margin: 2vw 0 0
}

@media screen and (min-width: 1100px) {
  .casestudy-mod .case_txt-wrap p {
    margin: 1rem 0 0
  }
}

.casestudy-mod .compare_comment {
  margin-top: 2vw;
  font-size: 3.2vw
}

@media screen and (min-width: 1100px) {
  .casestudy-mod .compare_comment {
    margin-top: 1rem;
    font-size: 1.6rem
  }
}

.chosen_end h4 {
  font-weight: 700;
  color: #EE242C
}

.chosen_end h5 {
  font-weight: 700
}

.chosen_end .intro_read {
  text-align: left
}

.comparison-mod-wrap {
  background-color: #F5F5EC;
  padding: 6vw 2vw 4vw;
  margin-bottom: 4vw
}

@media screen and (min-width: 1100px) {
  .comparison-mod-wrap {
    padding: 3rem 1rem 2rem;
    margin-bottom: 2rem
  }
}

#relief {
  background-color: #E7E2D0;
  padding: 7vw 0 3vw
}

@media screen and (min-width: 1100px) {
  #relief {
    padding: 7rem 0 3rem
  }
}

#relief .relief_wrap {
  max-width: 768px;
  margin: 0 auto
}

#relief .relief_header .relief_read {
  font-size: 4vw;
  line-height: 1.3;
  font-weight: 700;
  background-image: url(../img/relief__dbat.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 0 11vw
}

@media screen and (min-width: 1100px) {
  #relief .relief_header .relief_read {
    font-size: 2rem;
    background-size: 53%;
    padding: 0 0 7rem
  }
}

#relief .relief_header h1 {
  font-size: 6.7vw;
  line-height: 1.3;
  font-weight: 700;
  color: #EE242C
}

@media screen and (min-width: 1100px) {
  #relief .relief_header h1 {
    font-size: 3.2rem
  }
}

#relief .relief_box {
  background-color: #fff;
  padding: 0 5vw 5vw 5vw;
  margin-top: 9.5vw
}

@media screen and (min-width: 1100px) {
  #relief .relief_box {
    padding: 0 4rem 2.5rem 4rem;
    margin-top: 5.5rem
  }
}

#relief .relief_box .relief_title {
  position: relative;
  top: -5vw;
  width: 34vw;
  margin: 0 auto
}

@media screen and (min-width: 1100px) {
  #relief .relief_box .relief_title {
    top: -3rem;
    width: 18rem
  }
}

#relief .relief_box .relief_baloon {
  background-color: #FFE000;
  font-weight: 700;
  display: inline-block;
  padding: 2vw 3.5vw;
  border-radius: 4vw;
  font-size: 4vw;
  position: relative
}

@media screen and (min-width: 1100px) {
  #relief .relief_box .relief_baloon {
    font-size: 2rem;
    padding: 1.5rem 2.5rem
  }
}

#relief .relief_box .relief_baloon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFE000 transparent transparent transparent;
  border-width: 10px 8px 0 8px
}

#relief .relief_box .relief_body {
  padding: 5vw 0;
  background-image: url(../img/relief__bg.png);
  background-size: 46%;
  background-repeat: no-repeat;
  background-position: center
}

@media screen and (min-width: 1100px) {
  #relief .relief_box .relief_body {
    background-size: 25%;
    padding: 4rem 0
  }
}

#relief .relief_box .relief_body h2 {
  font-weight: 700;
  color: #EE242C;
  font-size: 5.3vw;
  line-height: 1.3;
  margin: 3vw 0 1.5vw
}

@media screen and (min-width: 1100px) {
  #relief .relief_box .relief_body h2 {
    font-size: 2.2rem;
    margin: 0 0 1rem
  }
}

#relief .relief_box .relief_body p {
  font-size: 3.74vw;
  line-height: 1.4
}

@media screen and (min-width: 1100px) {
  #relief .relief_box .relief_body p {
    font-size: 1.8rem
  }
}

@media screen and (min-width: 1100px) {
  #relief .Inner_Body {
    padding: 0 0 2rem
  }
}

#media {
  background-color: #E7E2D0
}

#media .exclusive_read {
  margin: 4vw 0
}

#media .Inner_Box {
  padding-top: 0
}

#media .Inner_Box header {
  margin-top: 0
}

@media screen and (min-width: 500px) {
  #media .Inner_Body {
    padding: 0 5vw 7vw
  }
}

@media screen and (min-width: 1100px) {
  #media .Inner_Body {
    padding: 0 5vw 4vw
  }
}

#media .media-sp {
  display: block;
  width: 100%
}

@media screen and (min-width: 768px) {
  #media .media-sp {
    display: none
  }
}

#media .media-pc {
  display: none
}

@media screen and (min-width: 768px) {
  #media .media-pc {
    display: block
  }
}

@media screen and (min-width: 1100px) {
  #media .exclusive_read {
    margin: 2.5rem 0
  }
}

.case_body-sect .case_body-main .compare_wrap {
  position: relative;
  margin-bottom: 5vw
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .compare_wrap {
    margin-bottom: 2rem
  }
}

.case_body-sect .case_body-main .compare_wrap:after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFE000 transparent transparent transparent;
  border-width: 12px 12px 0 12px
}

.case_body-sect .case_body-main .compare_wrap .compare_price {
  transform: scale(0.6);
  margin-top: 0
}

.case_body-sect .case_body-main .case_txt-wrap {
  text-align: left;
  margin-top: 2vw
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .case_txt-wrap {
    margin-top: 1.8rem
  }
}

.case_body-sect .case_body-main .case_txt-wrap h4 {
  font-weight: 700;
  font-size: 3.75vw;
  line-height: 1.3;
  margin-bottom: 1vw
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .case_txt-wrap h4 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem
  }
}

.case_body-sect .case_body-main .case_txt-wrap h5 {
  font-size: 4.3vw;
  line-height: 1.3
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .case_txt-wrap h5 {
    font-size: 2.2rem;
    margin: 1rem 0
  }
}

.case_body-sect .case_body-main .case_txt-wrap h6 {
  font-size: 4.3vw;
  line-height: 1.3
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .case_txt-wrap h6 {
    font-size: 2.2rem;
    margin: 1rem 0
  }
}

.case_body-sect .case_body-main .case_txt-wrap p {
  font-size: 3.3vw;
  line-height: 1.5
}

@media screen and (min-width: 1100px) {
  .case_body-sect .case_body-main .case_txt-wrap p {
    font-size: 1.6rem
  }
}

.case_txt-foot {
  text-align: left
}

.case_txt-foot .case_foot-pri {
  font-weight: 700;
  color: #EE242C;
  font-size: 5.1vw;
  line-height: 1.4;
  margin: 3vw 0 2vw
}

@media screen and (min-width: 1100px) {
  .case_txt-foot .case_foot-pri {
    font-size: 2.2rem;
    margin: 1.8rem 0
  }
}

.case_txt-foot .case_foot-sec {
  font-size: 2.7vw;
  line-height: 1.4
}

@media screen and (min-width: 1100px) {
  .case_txt-foot .case_foot-sec {
    font-size: 1rem
  }
}

.case_txt-foot .case_foot-sec br {
  display: block
}

@media screen and (min-width: 1100px) {
  .case_txt-foot .case_foot-sec br {
    display: none
  }
}

#faq {
  background-color: #E7E2D0
}

#faq .intro_read {
  margin-bottom: 5vw
}

@media screen and (min-width: 1100px) {
  #faq .intro_read {
    margin-bottom: 3rem
  }
}

#faq .faq_wrap {
  text-align: left
}

#faq .faq_wrap .faq_q {
  position: relative;
  background-color: #F5F5EC;
  font-size: 4.55vw;
  font-weight: 700;
  line-height: 1.3;
  padding: 3vw 3vw 3vw 9.5vw
}

@media screen and (min-width: 1100px) {
  #faq .faq_wrap .faq_q {
    font-size: 2.2rem;
    padding: 2rem 2rem 2rem 9.5rem
  }
}

#faq .faq_wrap .faq_q::before {
  content: 'Q.';
  display: block;
  position: absolute;
  font-weight: 700;
  color: #EE242C;
  left: 3vw
}

#faq .faq_wrap .faq_a {
  font-size: 4.28vw;
  position: relative;
  line-height: 1.3;
  padding: 3vw 3vw 3vw 9.5vw
}

@media screen and (min-width: 1100px) {
  #faq .faq_wrap .faq_a {
    font-size: 2rem;
    padding: 2rem 2rem 2rem 9.5rem
  }
}

#faq .faq_wrap .faq_a::before {
  content: 'A.';
  left: 3vw;
  display: block;
  position: absolute;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  .form_intro {
    margin-top: 4rem
  }
}

.form_intro .form_intro-wrap {
  display: flex;
  padding: 0 5vw 5vw 5vw;
  align-items: flex-start
}

@media screen and (min-width: 1100px) {
  .form_intro .form_intro-wrap {
    padding: 0 4rem 2.5rem 4rem
  }
}

.form_intro .form_intro-txt {
  text-align: left;
  margin-right: 4vw;
  width: 130%
}

@media screen and (min-width: 1100px) {
  .form_intro .form_intro-txt {
    margin-right: 3rem
  }
}

.form_intro .form_intro-txt1 {
  font-size: 3.75vw;
  line-height: 1.4
}

@media screen and (min-width: 1100px) {
  .form_intro .form_intro-txt1 {
    font-size: 1.8rem
  }
}

.form_intro .form_intro-txt2 {
  font-size: 2.95vw;
  line-height: 1.4;
  padding: 3vw;
  background-color: #E7E2D0;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  .form_intro .form_intro-txt2 {
    font-size: 1.4rem;
    padding: 1.5rem;
    margin: 1rem 0
  }
}

.form_intro .form_intro-img {
  border: 1px solid #e7e2d0
}

.form_intro .form_intro-txt3 {
  font-size: 3.2vw;
  line-height: 1.4
}

@media screen and (min-width: 1100px) {
  .form_intro .form_intro-txt3 {
    font-size: 1.4rem
  }
}

.form_intro .form_intro-heading {
  color: #EE242C;
  font-weight: bold;
  font-size: 5.8vw;
  margin-bottom: 4vw
}

@media screen and (min-width: 1100px) {
  .form_intro .form_intro-heading {
    font-size: 2.8rem;
    margin-bottom: 2rem
  }
}

.exclusive_read {
  font-size: 4vw;
  line-height: 1.35
}

@media screen and (min-width: 1100px) {
  .exclusive_read {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
}

strong {
  font-weight: bold
}

.mfp_rows {
  clear: inherit
}

form#mailformpro .mfp_rows label {
  color: #39393B;
  font-size: 5vw;
  margin: 2vw 0
}

@media screen and (min-width: 1100px) {
  form#mailformpro .mfp_rows label {
    font-size: 1.7rem;
    margin: 0.5rem 0
  }
}

form#mailformpro .mfp_rows input[type="text"], form#mailformpro .mfp_rows input[type="tel"], form#mailformpro .mfp_rows input[type="email"], form#mailformpro .mfp_rows textarea {
  color: #39393B;
  font-size: 5vw;
  margin: 2vw 0;
  padding: 2vw
}

@media screen and (min-width: 1100px) {
  form#mailformpro .mfp_rows input[type="text"], form#mailformpro .mfp_rows input[type="tel"], form#mailformpro .mfp_rows input[type="email"], form#mailformpro .mfp_rows textarea {
    font-size: 1.7rem;
    margin: 0.5rem 0;
    padding: 1rem
  }
}

form#mailformpro .mfp_rows textarea {
  height: 50vw !important
}

@media screen and (min-width: 1100px) {
  form#mailformpro .mfp_rows textarea {
    height: 20rem !important
  }
}

form#mailformpro dl dt {
  text-align: left;
  font-size: 6.5vw;
  line-height: 1.4;
  font-weight: bold;
  padding: 18px 0 0
}

@media screen and (min-width: 1100px) {
  form#mailformpro dl dt {
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (min-width: 768px) {
  form#mailformpro dl dt {
    padding: 22px 0px
  }
}

form#mailformpro dl dt p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.46154;
  font-weight: normal
}

form#mailformpro dl dt p span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  display: block;
  margin-bottom: .3rem;
  margin-top: 0.5rem
}

@media screen and (min-width: 1100px) {
  form#mailformpro dl dt {
    width: 180px
  }
}

form#mailformpro dl dd {
  padding: 5px 0 15px
}

@media screen and (min-width: 1100px) {
  form#mailformpro dl dd {
    padding: 20px 5px 20px 200px
  }
}

@media screen and (min-width: 768px) {
  form#mailformpro dl dd {
    padding: 20px 5px 20px 200px
  }
}

.must {
  background-color: #ee242c;
  border: none;
  text-shadow: none;
  padding: .4rem .8rem;
  border-radius: 0;
  box-shadow: none;
  background-image: none;
  float: none;
  display: inline;
  font-weight: bold;
  float: none;
  display: inline;
  position: relative;
  top: -4px
}

@media screen and (min-width: 1100px) {
  .must {
    top: 3px
  }
}

@media screen and (min-width: 768px) {
  .must {
    float: right
  }
}

.mfp_rows .mfp_col5 {
  width: 100%
}

form#mailformpro {
  padding: 0
}

#Mail_Form {
  background-color: #E7E2D0
}

#Mail_Form header {
  margin-bottom: 6vw
}

@media screen and (min-width: 500px) {
  #Mail_Form header {
    margin-bottom: 32px;
    margin-top: 36px
  }
}

#Mail_Form .Inner_Box {
  background-color: #fff;
  width: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

@media screen and (min-width: 768px) {
  #Mail_Form .Inner_Box {
    width: 768px;
    -moz-border-radius: 0 0 18px 18px;
    -webkit-border-radius: 0;
    border-radius: 0 0 18px 18px
  }
}

#Mail_Form .Mail_Body {
  padding: 0 3rem 7rem
}

@media screen and (min-width: 768px) {
  #Mail_Form .Mail_Body {
    padding: 0 7rem 7rem
  }
}

.Mail_Body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.53333;
  font-weight: bold
}

.Mail_Body .Mail_Status .Status_Body {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.Mail_Body .Mail_Status .Status_Body p {
  padding: .5rem 0;
  text-align: center;
  width: 33.3333%;
  border-top: solid 1px #CCC;
  border-right: solid 1px #CCC
}

@media screen and (min-width: 500px) {
  .Mail_Body .Mail_Status .Status_Body p {
    padding: 1rem 0
  }
}

.Mail_Body .Mail_Status .Status_Body p.Status_Active {
  background-color: #fbd600
}

.Mail_Body .Mail_Status .Status_Body p:last-child {
  border-right: none
}

.agreement {
  text-align: center;
  font-weight: normal;
  margin: 4rem 0 2rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857
}

.mfp_buttons button {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 3rem 8rem;
  -moz-border-radius: 5rem;
  -webkit-border-radius: 5rem;
  border-radius: 5rem;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  background-color: #ee242c;
  cursor: pointer;
  border: none;
  outline: none
}

.mfp_buttons button {
  font-size: 6.2vw;
  padding: 6vw 12vw
}

@media screen and (min-width: 1100px) {
  .mfp_buttons button {
    font-size: 2.2rem;
    padding: 2rem 5rem
  }
}

@media screen and (max-width: 320px) {
  .mfp_buttons button {
    padding: 6vw 12vw
  }
}

.mfp_buttons button:hover {
  background-color: #c11d24
}

.polcy {
  border: solid 1px #CCC;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.63636;
  height: 226px;
  overflow-y: scroll;
  padding: 15px;
  background: #ffffe7;
  text-align: left
}

.polcy p {
  line-height: 2;
  font-weight: normal
}

.polcy p.bold {
  font-weight: bold
}

.polcy .pl10 {
  padding-left: 10px !important
}

.Privacy_Mark {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 3rem
}

.Privacy_Mark img {
  width: auto;
  height: 56px;
  margin-top: 0rem;
  margin-right: 1rem
}

@media screen and (min-width: 500px) {
  .Privacy_Mark img {
    margin-top: -1rem;
    margin-right: 2rem
  }
}

.Privacy_Mark p {
  font-weight: normal;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.61538
}

.Privacy_Mark p a {
  color: #4b4b4d
}

.Privacy_Mark p br {
  display: none
}

@media screen and (min-width: 500px) {
  .Privacy_Mark p br {
    display: block
  }
}

.mfp_rows .mfp_col5 {
  padding: 0
}

.mfp_rows .mfp_col10 {
  padding: 0
}

.Footer_Image {
  overflow: hidden;
  height: inherit
}

@media screen and (min-width: 768px) {
  .Footer_Image {
    height: 25rem;
    -moz-border-radius: 0 0 18px 18px;
    -webkit-border-radius: 0;
    border-radius: 0 0 18px 18px
  }
}

@media screen and (min-width: 500px) and (max-width: 768px) {
  .Footer_Image {
    border-radius: 0
  }
}

.Footer_Image img {
  width: 100%;
  height: auto;
  position: inherit;
  top: inherit
}

@media screen and (min-width: 768px) {
  .Footer_Image img {
    position: relative;
    top: -50px
  }
}

footer {
  text-align: center;
  padding: 3rem 0 11rem;
  background-color: #E7E2D0
}

@media screen and (min-width: 768px) {
  footer {
    padding: 3.5rem 0 5rem
  }
}

footer h2 {
  font-weight: bold;
  margin: 1.5rem 0 .6rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.61538
}

footer p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.61538
}

footer p br {
  display: block
}

@media screen and (min-width: 768px) {
  footer p br {
    display: none
  }
}

footer ul {
  margin: 0 0 1.5rem
}

@media screen and (min-width: 768px) {
  footer ul {
    margin: 0 0 1.8rem
  }
}

footer ul li {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.61538
}

footer .Map_Image {
  width: 80%;
  margin-bottom: 1rem
}

@media screen and (min-width: 768px) {
  footer .Map_Image {
    width: 768px;
    margin-bottom: 2rem
  }
}

.Footer_Nav {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 4vw 4vw 3vw;
  background-color: #39393B
}

.Footer_Nav.fixNav {
  bottom: -200px;
  position: fixed;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index: 999;
  background-color: #7B5A1C
}

.Footer_Nav.h_on {
  bottom: 0
}

.Footer_Nav a {
  color: #fff;
  text-decoration: none;
  text-align: left
}

.Footer_Nav a p {
  font-size: 3.5vw;
  line-height: 1.2;
  font-weight: 700
}

.Footer_Nav a p span {
  font-size: 2vw;
  font-weight: normal;
  display: block
}

.Footer_Nav a.red_btn {
  background-color: #ee242c;
  margin-right: 1%;
  box-shadow: 0 4px 0 #a01e23;
  display: flex;
  text-align: left;
  border-radius: 8vw;
  padding: 2.5vw 0 2.5vw 4.5vw;
  justify-content: flex-start;
  width: 45vw;
  transition-duration: .3s
}

.Footer_Nav a.red_btn img {
  height: calc(6.895vw * 0.56267);
  width: 6.895vw;
  margin-top: 2.2vw;
  margin-right: 2.5vw
}

.Footer_Nav a.red_btn:hover {
  background-color: #d92027
}


.Footer_Nav a.red_btn2 {
  background-color: #0fa80f;
  margin-right: 1%;
  box-shadow: 0 4px 0 #0b800b;
  display: flex;
  text-align: left;
  border-radius: 8vw;
  padding: 2.5vw 0 2.5vw 4.5vw;
  justify-content: flex-start;
  width: 45vw;
  transition-duration: .3s
}

.Footer_Nav a.red_btn2 img {
  height: calc(6.895vw * 0.56267);
  width: 6.895vw;
  margin-top: 2.2vw;
  margin-right: 2.5vw
}

.Footer_Nav a.red_btn2:hover {
  background-color: #0b800b
}




.Footer_Nav a.tel_btn {
  width: 42vw
}

.Footer_Nav a.tel_btn img {
  height: calc(40vw * 0.2235);
  width: 40vw
}

.Footer_Nav a.tel_btn p {
  margin-top: 0.3rem;
  font-size: 10px;
  line-height: 1.2;
  transform: scale(0.83);
  transform-origin: left;
  width: 120%;
  font-weight: 400
}

@media screen and (min-width: 500px) {
  .Footer_Nav.fixNav {
    display: none
  }
}

@media screen and (max-width: 768px) {
  div.mfp_buttons button {
    font-size: 6.2vw
  }
}

#mfp_overlay_inner .mfp_buttons button {
  padding: 2rem 5rem;
  margin: 1rem
}

#mfp_overlay_inner h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1rem 0 2rem
}

.send .main_title {
  text-align: center
}

.send .main_title h1 {
  font-size: 7vw;
  font-weight: 700;
  margin-bottom: 4vw;
  margin-top: 7vw
}

@media screen and (min-width: 1100px) {
  .send .main_title h1 {
    font-size: 3.5rem;
    margin-bottom: 3rem;
    margin-top: 6rem
  }
}

.send .main_title p {
  font-size: 4vw;
  line-height: 1.5
}

@media screen and (min-width: 1100px) {
  .send .main_title p {
    font-size: 1.8rem
  }
}

.send .main_title a {
  font-size: 4vw;
  text-decoration: none;
  background-color: #39393b;
  padding: 2.5vw 6vw;
  display: inline-block;
  margin: 4vw 0 0;
  border-radius: 5vw;
  color: #fff
}

@media screen and (min-width: 1100px) {
  .send .main_title a {
    font-size: 2rem;
    padding: 1rem 4rem;
    margin: 3rem 0 0;
    border-radius: 4rem
  }
}

.send footer {
  padding: 3rem 0
}</pre></body></html>