@charset "UTF-8";
/* Vendors - include bootrap
========================================================================== */
/* Helpers - helpers Variable file along with starting point Mixins and Placeholders.
========================================================================== */
/*
 * Variables
 */
@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");
@font-face {
  font-family: "A-OTF Shin Maru Go Pro DB";
  src: url("../webfonts/ShinMGoPro-DeBold-AlphaNum.eot");
  src: url("../webfonts/ShinMGoPro-DeBold-AlphaNum.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/ShinMGoPro-DeBold-AlphaNum.woff2") format("woff2"),
    url("../webfonts/ShinMGoPro-DeBold-AlphaNum.woff") format("woff"),
    url("../webfonts/ShinMGoPro-DeBold-AlphaNum.ttf") format("truetype"),
    url("../webfonts/ShinMGoPro-DeBold-AlphaNum.svg#ShinMGoPro-DeBold-AlphaNum") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/*
 * Function
 */
/*
* mixins
*/
/*
 * Placeholders
 */
/* Base - reset and typography.
========================================================================== */
/*
 * reset
 */
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-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

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

button {
  background-color: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
}

/*
 * Typography
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "A-OTF Shin Maru Go Pro DB", sans-serif;
  font-weight: 700;
  color: #3c3c3c;
  line-height: 1;
}

h1 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #3c3c3c;
}

h2 {
  font-size: 4.3rem;
}

h3 {
  font-size: 2.5rem;
}

.block-margins {
  margin: 1em 0;
}

.unordered-list {
  list-style-type: disc;
}

.ordered-list {
  list-style: decimal;
}

/* Components - Re-usable site elements.
========================================================================== */
a {
  color: #3c3c3c;
  text-decoration: none;
}
a:visited {
  color: #3c3c3c;
  text-decoration: none;
}
a:hover,
a:visited:hover {
  color: #f48b93;
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: 700;
}

.more {
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}

/* Layout - Structure and layout files.
========================================================================== */
/* -------------------->>> COMMON <<<-------------------- */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

body {
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #3c3c3c;
  font-size: 1.6rem;
  line-height: 1.5;
  overflow-x: hidden;
  font-weight: 300;
  letter-spacing: 0;
  width: 100%;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #000 -moz-use-text-color -moz-use-text-color;
  -o-border-image: none;
  border-image: none;
  border-style: solid none none;
  border-width: 0.2em 0 0 0;
  margin: 0;
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 1.5rem;
  margin: 0 auto;
}

p {
  margin-bottom: 1.5rem;
}

input:focus {
  outline: none;
}

a > img {
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
}
a > img:hover {
  opacity: 0.7;
}

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

.thumb-box a {
  display: block;
}

.thumb-box img {
  width: 100%;
  height: auto;
}

.img-cover figure {
  display: block;
  width: 100%;
  height: 100%;
}

.img-cover img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.thumb-over figure {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumb-over figure::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.thumb-over figure img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.thumb-over:hover figure::before {
  background: rgba(0, 0, 0, 0.5);
}

.thumb-over:hover figure img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.error {
  font-size: 1.2rem;
  color: #ff0000;
}

#result input.error {
  border-color: #e41919;
}

#result div.error {
  margin-top: 20px;
  padding: 13px 20px;
  text-align: center;
  background: rgba(228, 25, 25, 0.75);
  color: #fff;
}

#result div.success {
  margin-top: 20px;
  padding: 13px 20px;
  text-align: center;
  background: rgba(50, 178, 95, 0.75);
  color: #fff;
}

.header__top {
  background: #f48b93;
  font-size: 1rem;
  color: #fff;
  line-height: 1.8rem;
  padding: 0 1.5rem;
}

.header__main {
  padding: 1rem 1.5rem;
}
.header__main .logo {
  width: 21.6rem;
}
.header__main .more-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__main .more-box span {
  font-size: 1.4rem;
  color: #000;
  display: block;
  font-weight: 600;
  margin-right: 1rem;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#wrap {
  width: 100%;
  max-width: 41.4rem;
  margin: 0 auto;
}

.worried-box .head {
  height: 14.6rem;
  background-image: url("../images/worried-bg.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0 -1.5rem;
}
.worried-box .head h2 {
  font-size: 2.6rem;
  color: #f48b93;
  line-height: 3.5rem;
  text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff,
    -1px 1px 0 #fff;
}

.worried-box__main h3 {
  text-align: center;
}
.worried-box__main h3 span {
  display: inline-block;
  font-size: 2rem;
  color: #fff;
  line-height: 4.5rem;
  background: #f48b93;
  border-radius: 2.3rem;
  padding: 0 4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.worried-box__main ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.2rem;
  color: #333333;
  font-weight: bold;
  font-family: "A-OTF Shin Maru Go Pro DB", sans-serif;
}
.worried-box__main ul li span {
  position: relative;
}
.worried-box__main ul li span::after {
  content: "";
  width: 100%;
  height: 0.6rem;
  background: #ffef3f;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.worried-box__main ul li::before {
  content: "";
  width: 3.7rem;
  height: 3rem;
  background-image: url("../images/icon-1.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 0.5rem;
}

.worried-box__main .thumb-box {
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: 0 -1.5rem;
  position: relative;
}
.worried-box__main .thumb-box::after {
  content: "";
  width: 100%;
  height: 90%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("../images/worried-thumb-bg.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .experienced-box .head::after {
  content: "";
  width: 3.8rem;
  height: 4.2rem;
  background-image: url("../images/icon-2.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 3.8rem;
  bottom: 3.5rem;
}
.experienced-box .head h3 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.9rem;
  margin-bottom: 1rem;
}
.experienced-box .head h2 {
  font-size: 4rem;
  color: #fff;
}
.experienced-box .head h2 span {
  color: #ffef3f;
}
.experienced-box__main {
  margin-bottom: 6rem;
}
.experienced-box__post {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 0 1.5rem 2.5rem;
}
.experienced-box__post .labels span {
  display: block;
  font-size: 2rem;
  color: #f48b93;
  line-height: 1;
  padding: 2rem 0 2.5rem;
  background-image: url("../images/head-1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
  font-family: "A-OTF Shin Maru Go Pro DB", sans-serif;
  font-weight: 700;
}
.experienced-box__post h3 {
  text-align: center;
  font-size: 2.8rem;
  color: #78c4d6;
  margin-bottom: 1.5rem;
}
.experienced-box__post h3 span {
  position: relative;
  z-index: 9;
  padding: 0 0.5rem;
}
.experienced-box__post h3 span::after {
  content: "";
  width: 100%;
  height: 1.1rem;
  background: #ffff55;
  position: absolute;
  left: 0;
  bottom: -0.3rem;
  z-index: -1;
}
.experienced-box__post p {
  margin-bottom: 1.5rem;
  line-height: 3rem;
}
.experienced-box__post .des {
  margin-bottom: 0;
  font-size: 1.2rem;
} */

.contact-box {
  position: relative;
}
.contact-box__main .text-box {
  position: absolute;
  left: 0;
  bottom: 3.5rem;
  width: 100%;
  padding: 0 2rem;
}


/* .price-box .head {
  text-align: center;
  margin-bottom: 2.5rem;
}
.price-box .head img {
  width: 37.7rem;
}
.price-box__main {
  overflow-x: auto;
}
.price-box__main figure {
  width: 59rem;
}

.priceside-box {
  background-image: url("../images/bg1.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-color: #f48b93;
  position: relative;
}
.priceside-box .head-box {
  padding-right: 1.5rem;
  margin-bottom: 3rem;
}
.priceside-box .head-box img {
  margin-top: -3.2rem;
}
.priceside-box__main {
  position: relative;
}
.priceside-box__main .items {
  padding: 0 1.1rem;
}
.priceside-box__main .items main {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
.priceside-box__main .items .head {
  text-align: center;
  background: #b7424b;
  padding-top: 1.2rem;
  padding-bottom: 0.3rem;
}
.priceside-box__main .items .head h2 {
  font-size: 2.2rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.priceside-box__main .items .head p {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  font-family: "A-OTF Shin Maru Go Pro DB", sans-serif;
}
.priceside-box__main .items .main {
  padding: 1rem 1.2rem;
}
.priceside-box__main .items .thumb-box {
  margin-bottom: 1.5rem;
}
.priceside-box__main .items .text-box h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
font-size: 4rem;
  color: #b7424b;
  margin-bottom: 0.5rem;
}
.priceside-box__main .items .text-box h3 span {
  font-size: 2.1rem;
  margin-left: 1.2rem;
}
.priceside-box__main .items .text-box h3::before {
  content: "費用";
  width: 3.8rem;
  height: 3.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 1.3rem;
  color: #fff;
  font-weight: 700;
  font-family: "A-OTF Shin Maru Go Pro DB", sans-serif;
  background-image: url("../images/icon-3.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 1.8rem;
}
.priceside-box__main .items .text-box p {
  font-size: 1.2rem;
  line-height: 2rem;
  margin-bottom: 0;
}
.priceside-box__main .slick-dots {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2rem;
}
.priceside-box__main .slick-dots li {
  width: auto;
  padding: 0 0.5rem;
}
.priceside-box__main .slick-dots li button {
  margin: 0;
  text-indent: -9999px;
  width: 1.1rem;
  height: 1.1rem;
  background: #ffffff;
  border-radius: 50%;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}
.priceside-box__main .slick-dots li button:hover {
  background: #ffea78;
}
.priceside-box__main .slick-dots li.slick-active button {
  background: #ffea78;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
/* } */
.priceside-box__des {
  margin-top: 0;
  margin-bottom: 1rem;
  background: #c74b55;
  height: 11rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.priceside-box__des::after {
  content: "";
  width: 11.9rem;
  height: 12.4rem;
  background-image: url("../images/priceside-des.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 98% 98%;
  bottom: -0.7rem;
  right: 0;
  position: absolute;
  z-index: 99;
}
.priceside-box__des h3 {
  font-size: 2.4rem;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 0.5rem;
}
.priceside-box__des h2 {
  font-size: 3.2rem;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
} 

.step-box {
  margin-top: -1rem;
  padding: 5rem 0 4rem;
  position: relative;
  z-index: 9;
  background: #fff;
}
.step-box__main {
  position: relative;
}
.step-box__main::after {
  content: "";
  width: 12.3rem;
  height: 100%;
  background: rgba(255, 0, 0, 0.19);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.step-box__main .items {
  border: 1px solid #f48b93;
  border-radius: 1rem;
  margin-bottom: 4.5rem;
  background: #fff;
  position: relative;
}
.step-box__main .items::after {
  content: "";
  width: 6.6rem;
  height: 6.6rem;
  background-image: url("../images/step1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}
.step-box__main .items:last-child {
  margin-bottom: 0;
}
.step-box__main .items:nth-child(2)::after {
  background-image: url("../images/step2.png");
}
.step-box__main .items:nth-child(3)::after {
  background-image: url("../images/step3.png");
}
.step-box__main .items h3 {
  background: #f48b93;
  text-align: center;
  line-height: 4.8rem;
  font-size: 1.8rem;
  color: #fff;
  border-radius: 1rem 1rem 0 0;
}
.step-box__main .items h3 span {
  position: relative;
  z-index: 99;
}
.step-box__main .items .d-flex {
  padding: 1rem 1rem 1.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.step-box__main .items .thumb-box {
  width: 7.9rem;
}
.step-box__main .items .text-box {
  width: calc(100% - 7.9rem);
  padding-left: 1rem;
}
.step-box__main .items .text-box p {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 0;
}

.reasons-box {
  background-image: url("../images/bg2.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3.5rem 0 3rem;
}
.reasons-box .head {
  text-align: center;
  margin-bottom: 2rem;
}
.reasons-box .head h2 {
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #f48b93;
  text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff,
    -1px 1px 0 #fff;
}
.reasons-box .text-box .labels {
  text-align: center;
  background: #f48b93;
  border-radius: 1rem;
  height: 7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 9;
  border: 0.4rem solid #fff;
  width: 31.2rem;
  margin: -2rem auto 2rem;
}
.reasons-box .text-box .labels h3 {
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.reasons-box .text-box .labels h2 {
  font-size: 2.3rem;
  color: #fff;
}
.reasons-box .text-box p {
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 2.4rem;
}

.footer {
  background: #f48b93;
  padding: 2.5rem 0 10rem;
}
.footer__main ul {
  margin-bottom: 7rem;
}
.footer__main ul li {
  margin-bottom: 2.5rem;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer__main ul li span {
  font-weight: 600;
  width: 14.5rem;
}
.footer__main p {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0;
  color: #fff;
}

/* layout - Responsive .
========================================================================== */
.sp {
  display: none;
}

@media (max-width: 414px) {
  html {
    font-size: 2.416vw;
  }
  #wrap {
    max-width: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}


/* fix
========================================================================== */
.solution {
  width: 93%;
  margin: 0 auto;
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.reuse {
  margin: 2em 0;
}
.reuse-content {
  width: 90%;
  margin: 0 auto;
}
.reuse-img {
  margin-bottom: 1em;
}
.reuse-content p {
  font-size: 1.5em;
  font-weight: 600;
}
.reuse-content .emphasis {
  font-size: 1.55em;
  font-weight: 800;
  color: #000;
  margin-top: -0.5em;
}
.reuse-content .emphasis span {
  color: #C74B55;
  background: linear-gradient(transparent 60%, #FFEF3F 0%);
  display: inline;
  padding: 0 1px 0px;
}
.small {
  margin-top: -.5em;
  margin-bottom: 1em;
  line-height: 1.25;
}
.small span {
  font-size: .75em;
  font-weight: 400;
}
.contact-box__main .text-box2 {
  position: absolute;
  left: 0;
  bottom: 9rem;
  width: 100%;
  padding: 0 2rem;
}
.experienced-box {
  position: relative;
  margin-top: -3.75em;
  z-index: 100;
}
.price {
  margin: 2em 0;
  width: 100%;
}
.qa {
  margin-bottom: 2.5em;
}
.qa-head {
  display: block;
  text-align: center;
  background-color: #C74B55;
  padding: 1em 0;
  margin-bottom: 2em;
}
.qa-head h2 {
  font-size: 2em;
  color: #fff;
}
.qa dl {
  width: 93%;
  right: 0;
  margin: 0 auto;
}
.qa dl dt {
  font-weight: 700;
  color: #F48B93;
  line-height: 1.5;
  margin-bottom: .85em;
  padding-left: 2em;
  position: relative;
}
.qa dl dd {
  font-size: .85em;
  font-weight: 700;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  padding-left: 2.4em;
  padding-right: 1em;
  border-bottom: 2px #C74B55 solid;
  position: relative;
}
.qa dl dt::before {
  content: '';
  background-image: url(../images/q.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  position: absolute;
}
.qa dl dd::before {
  content: '';
  background-image: url(../images/a.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  position: absolute;
}
.fixed {
  position: fixed;
  background-color: #36A8C3;
  width: 100%;
  max-width: 414px;
  z-index: 999;
  bottom: 0;
}
.fixed-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: .65em;
  position: relative;
}
.fixed-box::before {
  content: '';
  background-image: url(../images/fixed-img.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 64px;
  height: 82px;
  left: 3%;
  bottom: 0;
  position: absolute;
}
.fixed-box p {
  font-size: .8125em;
  font-weight: 700;
  color: #fff;
  margin-top: .5em;
}
.fixed-box .line {
  width: 11.11111%;
  margin-right: .35em;
  margin-left: 1em;
}
.fixed-box .line img {
  width: 100%;
  max-width: 46px;
}
.fixed-box .tel-button {
  width: 41.8%;
  margin-right: .5em;
  margin-top: .1em;
}
.fixed-box .tel-button img {
  width: 100%;
  max-width: 173px;
}
.fixed-contaier {
  width: 100%;
}