@charset "UTF-8";
/* 濃い色 */
/* ゴールド */
/* グリーン */
/* レッド */
/* グリーン2 */
/* レッド2 */
/* 濃いゴールド */
/* 薄いグリーン */
/* 濃いシアン */
/* 30px 見出し文字サイズ */
/* 12px 注意事項など */
@keyframes accSlideDown {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
details[open] [data-acc=slideDown] {
  animation: accSlideDown 0.3s ease-in forwards;
}

[data-acc=slideDown] {
  overflow: hidden;
}

details summary {
  display: block;
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

.subContents {
  width: 1100px;
  text-align: left;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .subContents {
    width: 100vw;
    padding: 0 4vw;
  }
}

.h-report01 {
  position: relative;
  margin: 0 0 60px;
  padding: 23px 20px;
  border: solid 1px #CCAA80;
  text-align: center;
  color: #A26D21;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.h-report01::before, .h-report01::after {
  position: absolute;
  left: 50%;
  border-style: solid;
  content: "";
  transform: translateX(-50%);
}
.h-report01::before {
  bottom: -14px;
  border-width: 14px 14px 0 14px;
  border-color: #CCAA80 transparent transparent transparent;
}
.h-report01::after {
  bottom: -12px;
  border-width: 12px 12px 0 12px;
  border-color: #fff transparent transparent transparent;
}
.h-report01 span {
  color: #ec6767;
}

#pagetitle {
  padding: 40px 0;
}
#pagetitle .subContents {
  position: relative;
  display: table;
  width: auto;
  padding: 0 150px;
}
#pagetitle .subContents .point {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#pagetitle .subContents .point > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  border: solid 4px #f86da6;
  background: #f86da6;
  border-radius: 100vh;
  box-sizing: border-box;
}
#pagetitle .subContents .point > span > span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100px;
  width: 100%;
  color: #fff;
  border: solid 1px rgba(255, 255, 255, 0.7);
  border-radius: 100vh;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  font-feature-settings: "palt";
}
#pagetitle .subContents .point > span > span > span {
  font-size: 14px;
}
#pagetitle .subContents .h-type01 {
  margin: 0;
}
#pagetitle .subContents .h-type01::before {
  content: "REPORT";
}

#mainv {
  width: 1100px;
  height: 310px;
  background: url(../images/service/report/mainv_p_01_pc.jpg) no-repeat center top;
  background-size: 100%;
  margin: 0 auto 70px;
}

#overview {
  margin: 0 0 75px;
}
#overview .subContents {
  width: 960px;
  text-align: left;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #overview .subContents {
    width: 100vw;
    padding: 0 4vw;
  }
}
#overview .subContents .textWrap {
  width: 430px;
}
#overview .subContents .textWrap h2 {
  margin: 0 0 30px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
}
#overview .subContents .textWrap h2 span {
  color: #eb6767;
}
#overview .subContents .textWrap .text {
  font-size: 18px;
}
#overview .subContents .imageWrap {
  width: 430px;
}
#overview .subContents .imageWrap img {
  width: 360px;
  height: auto;
}
#overview .subContents .imageWrap img:nth-child(2) {
  display: block;
  margin: 25px 0 0 auto;
}

#compare {
  margin: 0 0 100px;
}
#compare .reportWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 60px;
}
#compare .reportWrap .image {
  margin: 0 100px 0 0;
  width: 320px;
}
#compare .reportWrap .image img {
  width: 100%;
  height: auto;
}
#compare .reportWrap .reportNumberList {
  counter-reset: number;
}
#compare .reportWrap .reportNumberList > li {
  counter-increment: number;
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 45px;
  font-size: 19px;
}
#compare .reportWrap .reportNumberList > li:last-child {
  margin: 0;
}
#compare .reportWrap .reportNumberList > li::before {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  font-display: swap;
  position: absolute;
  left: 0;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: #fff;
  border-radius: 100vh;
  content: counter(number);
}
#compare .reportWrap .reportNumberList > li:nth-child(1)::before {
  background: #008e82;
}
#compare .reportWrap .reportNumberList > li:nth-child(2)::before {
  background: #33bfb2;
}
#compare .reportWrap .reportNumberList > li:nth-child(3)::before {
  background: #d1b278;
}
#compare .reportWrap .reportNumberList > li span {
  text-decoration: underline;
}
#compare .pointWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 60px 70px;
  padding: 50px;
  background: #f8f8f8;
}
#compare .pointWrap .textWrap {
  width: 410px;
  font-size: 18px;
}
#compare .pointWrap .textWrap .pointList {
  margin: 10px 0;
  padding: 20px 24px;
  border: solid 1px #e86767;
  background: #fff;
  border-radius: 6px;
}
#compare .pointWrap .textWrap .pointList > li {
  position: relative;
  color: #e86767;
  line-height: 1.7;
  padding: 0 0 0 1em;
}
#compare .pointWrap .textWrap .pointList > li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "●";
}
#compare .pointWrap .image {
  width: 400px;
}
#compare .pointWrap .image img {
  width: 100%;
  height: auto;
}
#compare .improveWrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 auto 30px;
  width: 820px;
}
#compare .improveWrap::before {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 40px;
  background: url("../images/service/report/improve_s_arrow.gif") no-repeat 0 0/contain;
  content: "";
  transform: translate(-50%, -50%);
}
#compare .improveWrap .improve {
  width: 360px;
}
#compare .improveWrap .improve .balloon {
  position: relative;
  margin: 0 0 13px;
  padding: 8px;
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  border-radius: 5px;
}
#compare .improveWrap .improve .balloon::before {
  position: absolute;
  left: 50%;
  bottom: -10px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  content: "";
}
#compare .improveWrap .improve:nth-child(1) .balloon {
  background: #58a7bb;
}
#compare .improveWrap .improve:nth-child(1) .balloon::before {
  border-color: #58a7bb transparent transparent transparent;
}
#compare .improveWrap .improve:nth-child(2) .balloon {
  background: #eb6767;
}
#compare .improveWrap .improve:nth-child(2) .balloon::before {
  border-color: #eb6767 transparent transparent transparent;
}
#compare .improveWrap .improve .image img {
  width: 100%;
  height: auto;
}
#compare .supplementWrap {
  margin: 0 auto;
  padding: 40px;
  width: 820px;
  text-align: center;
  background: #ffebf5;
}
#compare .supplementWrap .text {
  display: inline-block;
  position: relative;
  padding: 0 0 0 154px;
  text-align: left;
  line-height: 1.8;
  font-size: 18px;
}
#compare .supplementWrap .text::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 120px;
  height: 120px;
  background: url("../images/service/report/improve_s_01.png") no-repeat 0 0/contain;
  content: "";
  transform: translateY(-50%);
}

#advice {
  margin: 0 0 100px;
}
#advice .adviceWrap {
  display: flex;
  justify-content: space-between;
  margin: 0 60px;
}
#advice .adviceWrap .textWrap {
  width: 490px;
}
#advice .adviceWrap .textWrap .badText {
  position: relative;
  margin: 0 0 20px;
  padding: 24px 29px 24px 77px;
  border: solid 1px #e9f1f5;
  background: #e9f1f5;
  border-radius: 5px;
  font-size: 18px;
  line-height: 1.7;
}
#advice .adviceWrap .textWrap .badText::before, #advice .adviceWrap .textWrap .badText::after {
  display: block;
  position: absolute;
  left: 22px;
  top: 50%;
  width: 36px;
  height: 5px;
  background: #008bc8;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
#advice .adviceWrap .textWrap .badText::after {
  transform: translateY(-50%) rotate(-45deg);
}
#advice .adviceWrap .textWrap .goodText {
  position: relative;
  padding: 24px 29px 24px 77px;
  border: solid 1px #b7b7b7;
  border-radius: 5px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: bold;
}
#advice .adviceWrap .textWrap .goodText::before {
  display: block;
  position: absolute;
  left: 21px;
  top: 50%;
  width: 25px;
  height: 25px;
  border: solid 5px #ec6767;
  border-radius: 100vh;
  content: "";
  transform: translateY(-50%);
}
#advice .adviceWrap .textWrap .goodText .strong {
  color: #EC6767;
  font-size: 22px;
  letter-spacing: 2px;
}
#advice .adviceWrap .image {
  width: 430px;
}
#advice .adviceWrap .image img {
  width: 100%;
  height: auto;
}

#regular {
  margin: 0 0 100px;
}
#regular .regularTextWrap {
  display: flex;
  justify-content: space-between;
  margin: 0 60px 60px;
}
#regular .regularTextWrap .image {
  width: 430px;
}
#regular .regularTextWrap .image img {
  width: 100%;
  height: auto;
}
#regular .regularTextWrap .text {
  width: 480px;
  padding: 10px 0 0;
  font-size: 18px;
}
#regular .resultWrap h3 {
  margin: 0 0 30px;
  text-align: center;
  font-size: 28px;
}
#regular .resultWrap h3 span {
  color: #eb6767;
}
#regular .resultWrap .leadText {
  margin: 0 auto 5px;
  width: 660px;
  padding: 20px;
  border: solid 1px #c9c9c9;
  text-align: center;
  font-size: 18px;
  box-sizing: border-box;
  border-radius: 12px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #777;
}
#regular .resultWrap .graphWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#regular .resultWrap .graphWrap .zaiseki {
  width: 400px;
  margin: 0 40px 0 0;
}
#regular .resultWrap .graphWrap .chart-container {
  position: relative;
}
#regular .resultWrap .graphWrap .chart-container .chart-title {
  text-align: center;
  line-height: 1.1;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
#regular .resultWrap .graphWrap .chart-container .chart-title .small-text {
  font-size: 16px;
}
#regular .resultWrap .graphWrap .chart-container .chart-title .large-text {
  font-size: 30px;
}
#regular .resultWrap .graphWrap .chart-container .canvasjs-chart-credit {
  display: none;
}
#regular .resultWrap .graphWrap .textWrap {
  text-align: center;
  line-height: 1.5;
}
#regular .resultWrap .graphWrap .textWrap .text {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
}
#regular .resultWrap .graphWrap .textWrap .text .percent {
  margin: 0 10px 0 0;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-display: swap;
  font-size: 52px;
  color: #BE9059;
}
#regular .resultWrap .graphWrap .textWrap .text .percent .number {
  font-size: 78px;
}
#regular .resultWrap .graphWrap .textWrap .text .term {
  margin: 0 10px 0 0;
  color: #BE9059;
}
#regular .resultWrap .graphWrap .textWrap .notes {
  margin: 15px 0 0;
  font-size: 12px;
}

#example {
  margin: 0 0 120px;
}
#example .exampleWrap {
  width: 820px;
  margin: 0 auto;
}
#example .exampleWrap h3 {
  margin: 0 0 20px;
  padding: 7px 12px;
  text-align: center;
  background: #3aa07a;
  color: #fff;
  font-size: 24px;
}
#example .exampleWrap .exampleList {
  margin: 0 0 50px;
  border-bottom: solid 1px #dbdbdb;
}
#example .exampleWrap .exampleList:last-child {
  margin: 0;
}
#example .exampleWrap .exampleList > li .beforeWrap {
  position: relative;
  padding: 20px 180px 20px 20px;
  border-top: solid 1px #dbdbdb;
  cursor: pointer;
}
#example .exampleWrap .exampleList > li .beforeWrap::before {
  display: block;
  position: absolute;
  right: 22px;
  top: 50%;
  width: 36px;
  height: 36px;
  background: #3aa07a;
  border-radius: 100vh;
  content: "";
  transform: translateY(-50%);
}
#example .exampleWrap .exampleList > li .beforeWrap .beforeInner::before, #example .exampleWrap .exampleList > li .beforeWrap .beforeInner::after {
  display: block;
  position: absolute;
  right: 33px;
  top: 50%;
  width: 14px;
  height: 3px;
  background: #fff;
  content: "";
  transform: translateY(-50%);
}
#example .exampleWrap .exampleList > li .beforeWrap .beforeInner::after {
  transform: translateY(-50%) rotate(90deg);
}
#example .exampleWrap .exampleList > li .beforeWrap .beforeInner .heading {
  position: relative;
  padding: 0 0 0 36px;
  color: #58a7bb;
  font-size: 20px;
  font-weight: bold;
}
#example .exampleWrap .exampleList > li .beforeWrap .beforeInner .heading::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 26px;
  background: url(../images/service/report/example_s_before.svg) no-repeat 0 0/contain;
  content: "";
  transform: translateY(-50%);
}
#example .exampleWrap .exampleList > li .beforeWrap .beforeInner .text {
  font-size: 18px;
}
#example .exampleWrap .exampleList > li .beforeWrap.active::before {
  background: #989898;
}
#example .exampleWrap .exampleList > li .beforeWrap.active .beforeInner::after {
  display: none;
}
#example .exampleWrap .exampleList > li .afterWrap {
  display: none;
  padding: 30px 20px 40px;
  border-top: solid 1px #dbdbdb;
}
#example .exampleWrap .exampleList > li .afterWrap .checkText {
  position: relative;
  margin: 0 0 75px;
  border-radius: 10px;
  background: #f8f1e5;
}
#example .exampleWrap .exampleList > li .afterWrap .checkText::before {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -55px;
  width: 20px;
  height: 38px;
  background: url(../images/service/report/example_s_arrow.svg) no-repeat 0 0/contain;
  content: "";
  transform: translateX(-50%);
}
#example .exampleWrap .exampleList > li .afterWrap .checkText .heading {
  padding: 15px;
  text-align: center;
  border-bottom: solid 5px #fff;
  color: #3aa07a;
  font-weight: bold;
  font-size: 20px;
}
#example .exampleWrap .exampleList > li .afterWrap .checkText .heading span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 40px;
}
#example .exampleWrap .exampleList > li .afterWrap .checkText .heading span::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 32px;
  height: 30px;
  background: url(../images/service/report/example_s_report.svg) no-repeat 0 0/contain;
  content: "";
  transform: translateY(-50%);
}
#example .exampleWrap .exampleList > li .afterWrap .checkText .textWrap {
  padding: 35px 50px;
}
#example .exampleWrap .exampleList > li .afterWrap .afterText {
  border-radius: 10px;
  background: #ffebf5;
}
#example .exampleWrap .exampleList > li .afterWrap .afterText .heading {
  position: relative;
  padding: 15px;
  text-align: center;
  border-bottom: solid 5px #fff;
  color: #dc6c8a;
  font-weight: bold;
  font-size: 20px;
}
#example .exampleWrap .exampleList > li .afterWrap .afterText .heading::before {
  display: block;
  position: absolute;
  left: 170px;
  top: -56px;
  width: 110px;
  height: 110px;
  background: url(../images/service/report/improve_s_01.png) no-repeat 0 0/contain;
  content: "";
}
#example .exampleWrap .exampleList > li .afterWrap .afterText .heading span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 42px;
}
#example .exampleWrap .exampleList > li .afterWrap .afterText .heading span::before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  background: url(../images/service/report/example_s_after.svg) no-repeat 0 0/contain;
  content: "";
  transform: translateY(-50%);
}
#example .exampleWrap .exampleList > li .afterWrap .afterText .textWrap {
  padding: 35px 50px;
}

#contact .subContents {
  width: 1200px;
  text-align: left;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 750px) {
  #contact .subContents {
    width: 100vw;
    padding: 0 4vw;
  }
}
#contact .subContents .head {
  font-size: 30px;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  margin: 0 0 35px;
  padding: 0 30px;
  display: inline-block;
  position: relative;
}
#contact .subContents .head::before, #contact .subContents .head::after {
  content: "";
  width: 2px;
  height: 80%;
  background-color: #333;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(-20deg) translateY(-50%);
}
#contact .subContents .head::after {
  left: auto;
  right: 0;
  top: 50%;
  transform: rotate(20deg) translateY(-50%);
}
#contact .subContents .btn-text {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
#contact .item01.subContents > div {
  margin: 0 0 90px;
}
#contact .item02.subContents {
  width: auto;
  text-align: left;
  margin: 0 auto;
  min-width: 1200px;
  background: #f2f3f5;
  padding: 40px 0;
}
@media (max-width: 750px) {
  #contact .item02.subContents {
    width: 100vw;
    padding: 0 4vw;
  }
}
#contact .item02.subContents ul {
  width: 792px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#contact .item02.subContents ul li {
  width: 384px;
}
#contact .item02.subContents ul li img {
  width: 100%;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 751px) {
  .h-report01 {
    margin: 0 0 8.4vw;
    padding: 3.3vw;
    border-left: none;
    border-right: none;
    font-size: 18px;
  }
  .h-report01::before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-color: #CCAA80 transparent transparent transparent;
  }
  .h-report01::after {
    bottom: -8px;
    border-width: 8px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
  }
  #pagetitle {
    padding: 6vw 4vw;
  }
  #pagetitle .subContents {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  #pagetitle .subContents .point {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4.3vw 0 0;
    transform: none;
  }
  #pagetitle .subContents .point > span {
    width: 90px;
  }
  #pagetitle .subContents .point > span > span {
    height: 80px;
    font-size: 13px;
  }
  #pagetitle .subContents .point > span > span > span {
    font-size: 11px;
  }
  #pagetitle .subContents .h-type01 {
    margin: 0;
    text-align: left;
  }
  #pagetitle .subContents .h-type01::before {
    left: 0;
    transform: none;
  }
  #mainv {
    width: 100vw;
    height: 55.5vw;
    background: url(../images/service/report/mainv_p_01_sp.jpg) no-repeat center top;
    background-size: auto 55.5vw;
    margin: 0 calc(50% - 50vw) 10vw;
  }
  #overview {
    margin: 0 0 12vw;
  }
  #overview .subContents {
    display: block;
  }
  #overview .subContents .textWrap {
    width: auto;
    margin: 0 0 9.6vw;
  }
  #overview .subContents .textWrap h2 {
    margin: 0 0 8.4vw;
    font-size: 18px;
    text-align: center;
  }
  #overview .subContents .textWrap .text {
    font-size: 14px;
  }
  #overview .subContents .imageWrap {
    width: auto;
  }
  #overview .subContents .imageWrap img {
    width: 100%;
    height: auto;
  }
  #overview .subContents .imageWrap img:nth-child(2) {
    margin: 3.6vw 0 0;
  }
  #compare {
    margin: 0 0 12vw;
  }
  #compare .reportWrap {
    flex-direction: column-reverse;
    margin: 0 auto 10.8vw;
  }
  #compare .reportWrap .image {
    margin: 0 auto 0;
    width: 67.6vw;
  }
  #compare .reportWrap .reportNumberList {
    margin: 0 0 9.6vw;
    padding: 0 2.4vw;
  }
  #compare .reportWrap .reportNumberList > li {
    margin: 0 0 2.4vw;
    padding: 0 0 0 37px;
    font-size: 16px;
  }
  #compare .reportWrap .reportNumberList > li:last-child {
    margin: 0;
  }
  #compare .reportWrap .reportNumberList > li::before {
    top: 0;
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  #compare .pointWrap {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 0 8.4vw;
    padding: 10.9vw 0 0;
    border-top: solid 1px #ddd;
    background: transparent;
  }
  #compare .pointWrap .textWrap {
    width: auto;
    font-size: 13px;
  }
  #compare .pointWrap .textWrap .pointList {
    margin: 2.9vw 0;
    padding: 3vw 4.6vw;
  }
  #compare .pointWrap .textWrap .pointList > li {
    font-size: 16px;
  }
  #compare .pointWrap .image {
    width: auto;
    margin: 0 0 8.4vw;
  }
  #compare .improveWrap {
    display: block;
    margin: 0;
    width: auto;
  }
  #compare .improveWrap::before {
    display: none;
  }
  #compare .improveWrap .improve {
    width: auto;
  }
  #compare .improveWrap .improve .balloon {
    margin: 0 0 3.2vw;
    padding: 2.4vw;
  }
  #compare .improveWrap .improve .balloon::before {
    bottom: -2.4vw;
    border-width: 2.4vw 2.4vw 0 2.4vw;
  }
  #compare .improveWrap .improve:nth-child(1) {
    margin: 0 0 7.2vw;
  }
  #compare .supplementWrap {
    margin: 0;
    padding: 6.5vw 4.2vw;
    width: auto;
  }
  #compare .supplementWrap .text {
    padding: 0 0 0 24.2vw;
    text-align: left;
    line-height: 1.8;
    font-size: 15px;
  }
  #compare .supplementWrap .text::before {
    width: 20.6vw;
    height: 20.6vw;
  }
  #advice {
    margin: 0 0 12.1vw;
  }
  #advice .adviceWrap {
    display: block;
    margin: 0;
  }
  #advice .adviceWrap .textWrap {
    width: auto;
    margin: 0 0 4.8vw;
  }
  #advice .adviceWrap .textWrap .badText {
    margin: 0 0 4.8vw;
    padding: 4.8vw 2.4vw 4.8vw 15.7vw;
    font-size: 15px;
  }
  #advice .adviceWrap .textWrap .badText::before, #advice .adviceWrap .textWrap .badText::after {
    left: 4.2vw;
    width: 7.4vw;
    height: 1vw;
  }
  #advice .adviceWrap .textWrap .goodText {
    padding: 4.8vw 2.4vw 4.8vw 15.7vw;
    font-size: 15px;
  }
  #advice .adviceWrap .textWrap .goodText::before {
    left: 4.1vw;
    width: 4.9vw;
    height: 4.9vw;
    border-width: 1.2vw;
  }
  #advice .adviceWrap .textWrap .goodText .strong {
    font-size: 18px;
  }
  #advice .adviceWrap .image {
    width: auto;
  }
  #regular {
    margin: 0 0 12.1vw;
  }
  #regular .regularTextWrap {
    display: block;
    margin: 0 0 9.6vw;
  }
  #regular .regularTextWrap .image {
    width: auto;
    margin: 0 0 6vw;
  }
  #regular .regularTextWrap .text {
    width: auto;
    padding: 0;
    font-size: 14px;
  }
  #regular .resultWrap {
    border-top: solid 1px #ddd;
    padding: 9.6vw 0 0;
  }
  #regular .resultWrap h3 {
    margin: 0 0 6vw;
    text-align: center;
    font-size: 20px;
  }
  #regular .resultWrap h3 span {
    color: #eb6767;
  }
  #regular .resultWrap .leadText {
    display: table;
    margin: 0 auto 12.1vw;
    width: auto;
    padding: 4.8vw 6.5vw;
    font-size: 15px;
    box-shadow: 0.6vw 0.6vw 0.6vw rgba(0, 0, 0, 0.3);
  }
  #regular .resultWrap .leadText span {
    text-decoration: underline;
    font-weight: bold;
  }
  #regular .resultWrap .graphWrap {
    display: block;
  }
  #regular .resultWrap .graphWrap .zaiseki {
    width: 100%;
    margin: 0;
  }
  #regular .resultWrap .graphWrap .zaiseki #chartZaiseki {
    height: 300px !important;
  }
  #regular .resultWrap .graphWrap .chart-container .chart-title .small-text {
    font-size: 16px;
  }
  #regular .resultWrap .graphWrap .chart-container .chart-title .large-text {
    font-size: 30px;
  }
  #regular .resultWrap .graphWrap .textWrap {
    text-align: center;
    line-height: 1.5;
  }
  #regular .resultWrap .graphWrap .textWrap .text {
    font-size: 28px;
  }
  #regular .resultWrap .graphWrap .textWrap .text .percent {
    margin: 0 1.2vw 0 0;
    font-size: 44px;
  }
  #regular .resultWrap .graphWrap .textWrap .text .percent .number {
    font-size: 75px;
  }
  #regular .resultWrap .graphWrap .textWrap .text .term {
    margin: 0 1.2vw 0 0;
  }
  #regular .resultWrap .graphWrap .textWrap .notes {
    margin: 2.4vw 0 0;
    font-size: 11px;
  }
  #example {
    margin: 0 0 16.3vw;
  }
  #example .exampleWrap {
    width: auto;
    margin: 0;
  }
  #example .exampleWrap h3 {
    margin: 0 0 2.4vw;
    padding: 2.4vw;
    font-size: 20px;
  }
  #example .exampleWrap .exampleList {
    margin: 0 0 7.2vw;
    border-bottom: solid 1px #dbdbdb;
  }
  #example .exampleWrap .exampleList:last-child {
    margin: 0;
  }
  #example .exampleWrap .exampleList > li .beforeWrap {
    padding: 4.2vw 15.7vw 4.2vw 3vw;
    border-top: solid 1px #dbdbdb;
  }
  #example .exampleWrap .exampleList > li .beforeWrap::before {
    right: 3vw;
    width: 9vw;
    height: 9vw;
  }
  #example .exampleWrap .exampleList > li .beforeWrap .beforeInner::before, #example .exampleWrap .exampleList > li .beforeWrap .beforeInner::after {
    right: 5.3vw;
    width: 4.2vw;
    height: 0.8vw;
  }
  #example .exampleWrap .exampleList > li .beforeWrap .beforeInner .heading {
    padding: 0 0 0 8vw;
    font-size: 18px;
  }
  #example .exampleWrap .exampleList > li .beforeWrap .beforeInner .heading::before {
    width: 5.3vw;
    height: 5.7vw;
  }
  #example .exampleWrap .exampleList > li .beforeWrap .beforeInner .text {
    font-size: 16px;
  }
  #example .exampleWrap .exampleList > li:first-child .beforeWrap {
    border-top: none;
  }
  #example .exampleWrap .exampleList > li .afterWrap {
    display: none;
    padding: 5vw 0 7.2vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .checkText {
    margin: 0 0 14.7vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .checkText::before {
    bottom: -12.1vw;
    width: 4.1vw;
    height: 9.1vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .checkText .heading {
    padding: 3vw;
    border-bottom-width: 0.7vw;
    font-size: 18px;
  }
  #example .exampleWrap .exampleList > li .afterWrap .checkText .heading span {
    padding: 0 0 0 9.6vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .checkText .heading span::before {
    width: 7.7vw;
    height: 7vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .checkText .textWrap {
    padding: 6vw 4.8vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .afterText .heading {
    padding: 3vw;
    border-bottom-width: 0.7vw;
    font-size: 18px;
  }
  #example .exampleWrap .exampleList > li .afterWrap .afterText .heading::before {
    left: 6vw;
    top: -9.4vw;
    width: 20.5vw;
    height: 20.5vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .afterText .heading span {
    position: relative;
    display: inline-block;
    padding: 0 0 0 9.1vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .afterText .heading span::before {
    width: 6.7vw;
    height: 6.7vw;
  }
  #example .exampleWrap .exampleList > li .afterWrap .afterText .textWrap {
    padding: 6vw 4.8vw;
  }
  #contact .subContents {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 751px) and (max-width: 750px) {
  #contact .subContents {
    width: 100vw;
    padding: 0 4vw;
  }
}
@media screen and (max-width: 751px) {
  #contact .subContents .head {
    font-size: 5vw;
    line-height: 1.48;
    margin: 0 0 7.8vw;
    padding: 0 4vw;
  }
  #contact .subContents .head::before, #contact .subContents .head::after {
    width: 2px;
  }
  #contact .subContents .btn-text {
    color: #1e9062;
    font-size: 1rem;
    font-weight: bold;
    width: 100%;
    border: solid 2px #1e9062;
    border-radius: 1vw;
    padding: 0.8vw 0;
    position: relative;
    z-index: 0;
  }
  #contact .subContents .btn-text::before, #contact .subContents .btn-text::after {
    content: "";
    border-left: 2vw solid transparent;
    border-right: 2vw solid transparent;
    border-top: 2vw solid #1e9062;
    position: absolute;
    bottom: -2vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #contact .subContents .btn-text::before {
    border-left: 2vw solid transparent;
    border-right: 2vw solid transparent;
    border-top: 2vw solid #FFF;
    bottom: -1.3vw;
    z-index: 0;
  }
  #contact .subContents .btn-text.require {
    color: #58A9BD;
    border: solid 2px #58A9BD;
  }
  #contact .subContents .btn-text.require::after {
    border-top: 2vw solid #58A9BD;
  }
  #contact .subContents .btn-text.reserve {
    color: #1e9062;
    border: solid 2px #1e9062;
  }
  #contact .subContents .btn-text.reserve::after {
    border-top: 2vw solid #1e9062;
  }
  #contact .subContents .btn-text.simulation {
    color: #E6882C;
    border: solid 2px #E6882C;
  }
  #contact .subContents .btn-text.simulation::after {
    border-top: 2vw solid #E6882C;
  }
  #contact .item01.subContents > div {
    margin: 0 0 10vw;
  }
  #contact .item02.subContents {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    min-width: auto;
    background: #FFF;
    padding: 40px 0;
  }
}
@media screen and (max-width: 751px) and (max-width: 750px) {
  #contact .item02.subContents {
    width: 100vw;
    padding: 0 4vw;
  }
}
@media screen and (max-width: 751px) {
  #contact .item02.subContents ul {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  #contact .item02.subContents ul li {
    width: 100%;
    margin: 0 0 6vw;
  }
  #contact .item02.subContents ul li img {
    width: 100%;
  }
  #contact .item02.subContents ul li:last-child {
    margin: 0;
  }
}

/*# sourceMappingURL=report.css.map */