@charset "UTF-8";
/* ---いきいき追加--- */

/* 全体にかかわるもの */
.mkr-strong{
  color: #ff6a0f;
}

.large-num{
  font-size: 1.5em;
}

.small{
  font-size: 0.7em;
}


/* 汎用コンテンツスタイル */
.mainBox {
  background-color: #fff4c7;
  padding: 40px 60px;
  box-sizing: border-box;
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.6;
}

.mainBox .maintitle{
  font-size: 38px;
  font-weight: bold;
  color: #ff6a0f;
  text-align: center;
}

.mainBox .text{
  color: #68461b;
}



/* ---いきいき追加--- */




html {
  font-size: 62.5%;
}
a {
  color: #0033ff;
  text-decoration: underline;
  transition: 0.3s all ease;
}
a:hover {
  opacity: 0.7;
}
@media screen and (max-width:768px) {
  a:hover {
    opacity: 1;
  }
}
.pc {
  display: block;
}
@media screen and (max-width:768px) {
  .pc {
    display: none;
  }
}
.sp {
  display: none;
}
@media screen and (max-width:768px) {
  .sp {
    display: block;
  }
}
body {
  background: url("../image/bg01.jpg") repeat;
  color: #434343;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.94;
  margin: 0 auto;
  position: relative;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  text-align: justify;
}
@media screen and (max-width:768px) {
  body {
    background: url("../image/bg01.jpg") repeat;
    background-size: 144vw auto;
    font-size: 3.467vw;
    min-width: inherit;
    overflow-x: hidden;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10010;
  }
  header .menu {
    height: 12.8vw;
    position: absolute;
    right: 2.67vw;
    top: 2.67vw;
    width: 12.8vw;
  }
  header nav {
    background: #faf8f7;
    display: none;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 10vw;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  header .close {
    height: 12.8vw;
    position: absolute;
    right: 2.67vw;
    top: 2.67vw;
    width: 12.8vw;
  }
  header nav .logo {
    height: auto;
    margin: 15.067vw auto 8.267vw;
    width: 48.533vw;
  }
  header nav .anchor-link-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 3.2vw;
    width: 89.33vw;
  }
  header nav .anchor-link-area li {
    margin-bottom: 2.67vw;
    width: 43.33vw;
  }
  header nav .anchor-link-area li img {
    height: auto;
    width: 100%;
  }
  header .button-area01 {
    margin: 0 auto 3.33vw;
    width: 100%;
  }
  header .button-area01 li:first-child img {
    height: auto;
    margin: 0 auto 3.067vw;
    width: 92.133vw;
  }
}
main {
  width: 100%;
}
@media screen and (max-width:768px) {
  main img {
    height: auto;
    width: 100%;
  }
}
.visual {
  margin: 0 auto;
  padding-bottom: 75px;
  width: 1440px;
}
@media screen and (max-width:768px) {
  .visual {
    padding-bottom: 10vw;
    width: 100%
  }
}
.visual .banner01 {
  /*filter: drop-shadow(0px 6px 12px rgba(71,71,71,0.26));*/
  display: table;
  margin: 0 auto 17px;
}
@media screen and (max-width:768px) {
  .visual .banner01 {
    margin: 5.33vw auto 3.467vw;
  }
}
@media screen and (max-width:768px) {
  .visual .banner01 img {
    width: 77.733vw;
  }
}
.visual .button-area01 {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin: 0 auto 25px;
  width: 808px;
}
@media screen and (max-width:768px) {
  .visual .button-area01 {
    display: block;
    margin: 0 auto 3.33vw;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .visual .button-area01 li:first-child img {
    margin: 0 auto 3.067vw;
    width: 92.133vw;
  }
}
.visual .note01 {
  display: table;
  line-height: 1.5;
  margin: 0 auto;
  width: 794px;
  margin-top: -25px;
}
@media screen and (max-width:768px) {
  .visual .note01 {
    width: 89.33vw;
    margin-top: 20px;
  }
}
.anchor-link {
  background: #fff7db;
  padding: 66px 0 50px;
  width: 100%;
}
@media screen and (max-width:768px) {
  .anchor-link {
    padding: 0 0 4vw;
  }
}
.anchor-link h2 img {
  margin: 0 auto 39px;
}
@media screen and (max-width:768px) {
  .anchor-link h2 img {
    margin: 0 auto;
  }
}
.anchor-link .button-area01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 880px;
}
@media screen and (max-width:768px) {
  .anchor-link .button-area01 {
    width: 89.33vw;
  }
}
.anchor-link .button-area01 li {
  margin-bottom: 20px;
}
@media screen and (max-width:768px) {
  .anchor-link .button-area01 li {
    margin-bottom: 2.67vw;
    width: 43.33vw;
  }
}
.point {
  padding-top: 102px;
  width: 100%;
}
@media screen and (max-width:768px) {
  .point {
    padding-top: 0;
  }
}
.point h2 img {
  margin: 0 auto 61px;
}
@media screen and (max-width:768px) {
  .point h2 img {
    margin: 0 auto;
  }
}
.point .accordion {
  margin: 0 auto;
  width: 900px;
}
@media screen and (max-width:768px) {
  .point .accordion {
    width: 100%;
  }
}
.point .accordion dt {
  cursor: pointer;
  margin: 30px 0 -5px;
  position: relative;
}
@media screen and (max-width:768px) {
  .point .accordion dt {
    margin: 4vw 0 0;
  }
}
.point .accordion dt:first-child {
  margin-top: 0;
}
.point .accordion dt span {
  background: #27b18a;
  border-radius: 24px;
  height: 48px;
  position: absolute;
  right: 27px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
}
@media screen and (max-width:768px) {
  .point .accordion dt span {
    border-radius: 3.2vw;
    height: 6.4vw;
    right: 8.8vw;
    width: 6.4vw;
  }
}
.point .accordion dt span::before {
  content: "";
  background: #fff;
  height: 4px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
}
@media screen and (max-width:768px) {
  .point .accordion dt span::before {
    height: 0.533vw;
    width: 3.467vw;
  }
}
.point .accordion dt span::after {
  content: "";
  background: #fff;
  height: 26px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s all ease;
  width: 4px;
}
@media screen and (max-width:768px) {
  .point .accordion dt span::after {
    height: 3.467vw;
    width: 0.533vw;
  }
}
.point .accordion dt.active span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.point .accordion dd {
  display: none;
  padding: 0 0 30px;
  position: relative;
}
@media screen and (max-width:768px) {
  .point .accordion dd {
    padding: 0;
  }
}
.point .accordion dd .note01 {
  left: 60px;
  line-height: 1.5;
  position: absolute;
  top: 1106px;
}
@media screen and (max-width:768px) {
  .point .accordion dd .note01 {
    left: 10.67vw;
    top: 151.067vw;
  }
}
.point .accordion dd .note02 {
  left: 60px;
  line-height: 1.5;
  position: absolute;
  top: 588px;
  width: 780px;
}
@media screen and (max-width:768px) {
  .point .accordion dd .note02 {
    left: 10.67vw;
    top: 95.733vw;
    width: 78.4vw;
  }
}
.point .accordion dd .note02 a {
  font-weight: bold;
  text-decoration: underline;
}
.point .accordion dd .note03 {
  left: 120px;
  line-height: 1.5;
  position: absolute;
  top: 1399px;
}
@media screen and (max-width:768px) {
  .point .accordion dd .note03 {
    left: 10.67vw;
    top: 214.8vw;
  }
}
.point .accordion dd .note04 {
  left: 60px;
  line-height: 1.5;
  position: absolute;
  top: 1583px;
  width: 780px;
}
@media screen and (max-width:768px) {
  .point .accordion dd .note04 {
    left: 10.67vw;
    top: 227.6vw;
    width: 78.4vw;
  }
}
.plan {
  padding: 102px 0 100px;
  width: 100%;
}
@media screen and (max-width:768px) {
  .plan {
    padding: 0 0 12vw;
  }
}
.plan h2 img {
  margin: 0 auto 60px;
}
@media screen and (max-width:768px) {
  .plan h2 img {
    margin: 0 auto;
  }
}
.plan .table01 {
  position: relative;
  margin: 0 auto 60px;
  width: 815px;
}
@media screen and (max-width:768px) {
  .plan .table01 {
    margin: 0 auto 8.8vw;
    width: 100%;
  }
}
.plan .table01 .button01 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 102px;
}
@media screen and (max-width:768px) {
  .plan .table01 .button01 {
    right: 5.33vw;
    top: 19.067vw;
    width: 70.4vw;
  }
}
.plan .table01 .button02 {
  cursor: pointer;
  bottom: 0;
  left: 0;
  position: absolute;
}
@media screen and (max-width:768px) {
  .plan .table01 .button02 {
    left: 5.45vw;
    width: 10.65vw;
  }
}
.hide-area {
  display: none;
}
.modaal-close:after, .modaal-close:before {
  background: #ccc;
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #666;
}
.modaal-video .modaal-inner-wrapper {
  padding: 0;
}
.modaal-content-container {
  font-size: 3.6vw;
  padding: 4vw;
}
.plan .button-area01 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 860px;
}
@media screen and (max-width:768px) {
  .plan .button-area01 {
    width: 100%;
  }
}
.plan .button-area01 li {
  cursor: pointer;
  text-indent: -9999px;
}
.plan .button-area01 li:nth-child(1) {
  background: url("../image/btn09_off.png");
  height: 79px;
  width: 414px;
}
@media screen and (max-width:768px) {
  .plan .button-area01 li:nth-child(1) {
    background: url("../image/btn09_off_sp.jpg");
    background-size: 100% auto;
    height: 15vw;
    width: 50%;
  }
}
.plan .button-area01 li:nth-child(2) {
  background: url("../image/btn10_off.png");
  height: 79px;
  width: 421px;
}
@media screen and (max-width:768px) {
  .plan .button-area01 li:nth-child(2) {
    background: url("../image/btn10_off_sp.jpg");
    background-size: 100% auto;
    height: 15vw;
    width: 50%;
  }
}
.plan .button-area01 li:nth-child(1).active {
  background: url("../image/btn09_on.png");
}
@media screen and (max-width:768px) {
  .plan .button-area01 li:nth-child(1).active {
    background: url("../image/btn09_on_sp.jpg");
    background-size: 100% auto;
  }
}
.plan .button-area01 li:nth-child(2).active {
  background: url("../image/btn10_on.png");
}
@media screen and (max-width:768px) {
  .plan .button-area01 li:nth-child(2).active {
    background: url("../image/btn10_on_sp.jpg");
    background-size: 100% auto;
  }
}
.plan .tab-area01 {
  margin: 0 auto;
  width: 960px;
}
@media screen and (max-width:768px) {
  .plan .tab-area01 {
    width: 100%;
  }
}
.plan .tab-area01 li {
  display: none;
  position: relative;
}
.plan .tab-area01 li.active {
  display: block;
}
.plan .tab-area01 li .note01 {
  left: 45px;
  line-height: 1.5;
  position: absolute;
  top: 588px;
  width: 870px;
}
@media screen and (max-width:768px) {
  .plan .tab-area01 li .note01 {
    left: 10.67vw;
    top: 141.33vw;
    width: 78.67vw;
  }
}
.plan .tab-area01 li:nth-child(2) .note01 {
  top: 548px;
}
@media screen and (max-width:768px) {
  .plan .tab-area01 li:nth-child(2) .note01 {
    top: 137.867vw;
  }
}
.plan .tab-area01 li .note02 {
  left: 0;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  top: 1439px;
  width: 100%;
}
@media screen and (max-width:768px) {
  .plan .tab-area01 li .note02 {
    top: 326.8vw;
  }
}
.plan .tab-area01 li:nth-child(2) .note02 {
  top: 1399px;
}
@media screen and (max-width:768px) {
  .plan .tab-area01 li:nth-child(2) .note02 {
    top: 324.267vw;
  }
}
.plan .tab-area01 li .note02 a {
  text-decoration: underline;
}
.plan .button-area02 {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin: 37px auto 0;
  width: 808px;
}
@media screen and (max-width:768px) {
  .plan .button-area02 {
    display: block;
    margin: 3.6vw auto 0;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .plan .button-area02 li:first-child img {
    margin: 0 auto 3.067vw;
    width: 92.133vw;
  }
}
.example01 {
  margin: 0 auto;
  width: 900px;
}
@media screen and (max-width:768px) {
  .example01 {
    width: 100%;
  }
}
.example01 .detail {
  background: #fff;
  padding: 0 70px 55px;
}
@media screen and (max-width:768px) {
  .example01 .detail {
    padding: 0 5.33vw 7.33vw;
    margin: 0 auto;
    width: 89.33vw;
  }
}
.example01 .detail dl {
  border: 3px solid #f8711f;
  border-radius: 12px;
  color: #f8711f;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
  padding: 0 23px;
  position: relative;
  text-align: center;
  width: 100%;
}
@media screen and (max-width:768px) {
  .example01 .detail dl {
    border: 0.4vw solid #f8711f;
    border-radius: 1.6vw;
    font-size: 4.67vw;
    margin-bottom: 3.33vw;
    padding: 0 2.67vw;
  }
}
.example01 .detail dl dt {
  cursor: pointer;
  padding: 25px 0;
  position: relative;
}
@media screen and (max-width:768px) {
  .example01 .detail dl dt {
    padding: 3.467vw 0;
  }
}
.example01 .detail dl dt::before {
  border-right: solid 3px #f8711f;
  border-top: solid 3px #f8711f;
  content: "";
  height: 17px;
  position: absolute;
  right: 22px;
  top: 27px;
  transform: rotate(135deg);
  transform-origin: center;
  transition: 0.3s all ease;
  width: 17px;
}
@media screen and (max-width:768px) {
  .example01 .detail dl dt::before {
    border-right: solid 0.4vw #f8711f;
    border-top: solid 0.4vw #f8711f;
    height: 2.267vw;
    right: 2.933vw;
    top: 3.6vw;
    width: 2.267vw;
  }
}
.example01 .detail dl dt.active::before {
  top: 37px;
  transform: rotate(-45deg);
}
@media screen and (max-width:768px) {
  .example01 .detail dl dt.active::before {
    top: 4.933vw;
  }
}
.example01 .detail dl dd {
  display: none;
  border-top: 3px solid #f8711f;
  padding: 41px 0 60px;
}
@media screen and (max-width:768px) {
  .example01 .detail dl dd {
    border-top: 0.4vw solid #f8711f;
    padding: 4.933vw 0 8.8vw;
  }
}
.example01 .detail dl dd img {
  margin: 0 auto;
}
.example01 .note01 {
  font-weight: bold;
  line-height: 1.5;
  width: 100%;
}
.example02 {
  margin: 60px auto 0;
  position: relative;
  width: 900px;
}
@media screen and (max-width:768px) {
  .example02 {
    margin: 8vw auto 0;
    width: 100%;
  }
}
.example02 .note01 {
  bottom: 65px;
  left: 50%;
  line-height: 1.5;
  position: absolute;
  transform: translateX(-50%);
  width: 760px;
}
@media screen and (max-width:768px) {
  .example02 .note01 {
    bottom: 8.67vw;
    width: 78.67vw;
  }
}
.voice {
  padding: 80px 0 0;
  width: 100%;
}
@media screen and (max-width:768px) {
  .voice {
    padding: 0;
  }
}
.voice h2 {
  display: table;
  margin: 0 auto 46px;
  position: relative;
}
@media screen and (max-width:768px) {
  .voice h2 {
    margin: 0 auto 15%;
    width: 90%;
  }
}
.voice h2 .note01 {
  font-size: 1.8rem;
  bottom: 8px;
  letter-spacing: 0;
  line-height: 1.5;
  position: absolute;
  right: 0;
  width: 386px;
}
@media screen and (max-width:768px) {
  .voice h2 .note01 {
    bottom: auto;
    top: 23vw;
    right: 0.33vw;
    width: 50.67vw;
    font-size: 3.467vw;
  }
}
.voice .slide01 {
  margin: 0 auto;
  width: 100%;
}
.voice .slide01 .slick-slide img {
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .voice .slide01 .slick-slide img {
    width: 78.4vw;
  }
}
.slick-prev, .slick-next {
  height: 49px;
  left: 50%;
  transition: 0.3s all ease;
  width: 49px;
  z-index: 9999;
}
@media screen and (max-width:768px) {
  .slick-prev, .slick-next {
    height: 6.533vw;
    width: 6.533vw;
  }
}
.slick-next {
  background: url("../image/next01.png");
  margin-left: 309px;
}
@media screen and (max-width:768px) {
  .slick-next {
    background: url("../image/next01.png");
    background-size: 6.533vw auto;
    margin-left: 35.867vw;
  }
}
.slick-prev {
  background: url("../image/prev01.png");
  margin-left: -357px;
}
@media screen and (max-width:768px) {
  .slick-prev {
    background: url("../image/prev01.png");
    background-size: 6.533vw auto;
    margin-left: -42.4vw;
  }
}
.slick-disabled {
  cursor: default;
  opacity: 0;
}
.slick-dots {
  bottom: -47px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
@media screen and (max-width:768px) {
  .slick-dots {
    bottom: -6.533vw;
  }
}
.slick-dots li {
  height: 17px;
  margin: 0 7px;
  width: 17px;
}
@media screen and (max-width:768px) {
  .slick-dots li {
    height: 2.933vw;
    margin: 0 1.2vw;
    width: 2.933vw;
  }
}
.slick-dots li button {
  height: 17px;
  width: 17px;
}
@media screen and (max-width:768px) {
  .slick-dots li button {
    height: 2.933vw;
    width: 2.933vw;
  }
}
.slick-dots li button::before {
  background: #fff;
  border: 3px solid #f7904f;
  border-radius: 50%;
  box-sizing: border-box;
  height: 17px;
  width: 17px;
}
@media screen and (max-width:768px) {
  .slick-dots li button::before {
    border: 0.4vw solid #f7904f;
    height: 2.933vw;
    width: 2.933vw;
  }
}
.slick-dots li.slick-active button::before {
  background: #f7904f;
  border: 3px solid #f7904f;
  margin: 0;
}
@media screen and (max-width:768px) {
  .slick-dots li.slick-active button::before {
    border: 0.4vw solid #f7904f;
  }
}
.voice .note02 {
  line-height: 1.5;
  margin: 80px auto 0;
  width: 670px;
}
@media screen and (max-width:768px) {
  .voice .note02 {
    margin: 10vw auto 0;
    width: 89.33vw;
  }
}
.evaluation {
  padding: 90px 0 0;
}
@media screen and (max-width:768px) {
  .evaluation {
    padding: 6.933vw 0 0;
  }
}
.evaluation h3 img {
  margin: 0 auto 20px;
}
@media screen and (max-width:768px) {
  .evaluation h3 img {
    margin: 0 auto;
  }
}
.evaluation p img {
  margin: 0 auto 28px;
}
@media screen and (max-width:768px) {
  .evaluation p img {
    margin: 0 auto;
  }
}
.evaluation p + p img {
  margin: 0 auto 25px;
}
@media screen and (max-width:768px) {
  .evaluation p + p img {
    margin: 0 auto 4.4vw;
  }
}
.evaluation .note01 {
  line-height: 1.5;
  margin: 0 auto;
  width: 900px;
}
@media screen and (max-width:768px) {
  .evaluation .note01 {
    width: 89.33vw;
  }
}
.evaluation .note01 a {
  color: #0c43b8;
  text-decoration: underline;
}
.howto {
  padding: 110px 0 0;
}
@media screen and (max-width:768px) {
  .howto {
    padding: 14vw 0 0;
  }
}
.howto h2 img {
  margin: 0 auto -4px;
}
@media screen and (max-width:768px) {
  .howto h2 img {
    margin: 0 auto;
  }
}
.howto .step li img {
  margin: 0 auto -33px;
}
@media screen and (max-width:768px) {
  .howto .step li img {
    margin: 0 auto;
  }
}
.howto .step li:last-child img {
  margin: 0 auto;
}
.howto .button-area01 {
  margin: 22px auto 0;
  width: 808px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width:768px) {
  .howto .button-area01 {
    display: block;
    margin: 3.6vw auto 0;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .howto .button-area01 li:first-child img {
    margin: 0 auto 0;
    width: 92.133vw;
  }
}
.flow {
  padding: 42px 0 0;
}
@media screen and (max-width:768px) {
  .flow {
    padding: 8.133vw 0 0;
  }
}
.flow h2 img {
  margin: 0 auto 20px;
}
@media screen and (max-width:768px) {
  .flow h2 img {
    margin: 0 auto 3.6vw;
  }
}
.flow .note01 {
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width:768px) {
  .flow .note01 {
    margin: 0 auto;
    text-align: left;
    width: 89.33vw;
  }
}
.flow .slide02 {
  margin: 23px auto 0;
  width: 750px;
}
@media screen and (max-width:768px) {
  .flow .slide02 {
    margin: 3.067vw auto 0;
    width: 100%;
  }
}
.flow .slide02 .slick-slide img {
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .flow .slide02 .slick-slide img {
    width: 89.33vw;
  }
}
.flow .slide02 .slick-next {
  margin-left: 308px;
}
@media screen and (max-width:768px) {
  .flow .slide02 .slick-next {
    margin-left: 41.33vw;
  }
}
.flow .slide02 .slick-prev {
  margin-left: -357px;
}
@media screen and (max-width:768px) {
  .flow .slide02 .slick-prev {
    margin-left: -47.6vw;
  }
}
.faq {
  padding: 148px 0 80px;
}
@media screen and (max-width:768px) {
  .faq {
    padding: 20.267vw 0 10.67vw;
  }
}
.faq h2 img {
  margin: 0 auto 40px;
}
@media screen and (max-width:768px) {
  .faq h2 img {
    margin: 0 auto;
  }
}
.faq .accordion {
  border: 4px solid #e3e3e3;
  border-top: none;
  margin: 0 auto;
  width: 754px;
}
@media screen and (max-width:768px) {
  .faq .accordion {
    border: 0.533vw solid #e3e3e3;
    border-left: none;
    border-right: none;
    width: 100%;
  }
}
.faq .accordion dt {
  background: #f4f4f4;
  border-top: 4px solid #e3e3e3;
  color: #68461b;
  cursor: pointer;
  font-size: 2.43rem;
  font-weight: bold;
  line-height: 1.59;
  padding: 38px 103px;
  position: relative;
}
@media screen and (max-width:768px) {
  .faq .accordion dt {
    border-top: 0.533vw solid #e3e3e3;
    font-size: 3.6vw;
    padding: 5.6vw 13.867vw;
  }
}
.faq .accordion dt::before {
  content: "Q.";
  font-size: 5.0rem;
  font-weight: normal;
  left: 48px;
  line-height: 1;
  position: absolute;
  top: 32px;
}
@media screen and (max-width:768px) {
  .faq .accordion dt::before {
    font-size: 6.67vw;
    left: 5.33vw;
    top: 6.133vw;
  }
}
.faq .accordion dt::after {
  content: "";
  height: 0;
  border-bottom: 24px solid #f7904f;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 0;
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: 0.3s all ease;
  width: 0;
}
@media screen and (max-width:768px) {
  .faq .accordion dt::after {
    border-bottom: 3.2vw solid #f7904f;
    border-left: 1.867vw solid transparent;
    border-right: 1.867vw solid transparent;
    right: 5.33vw;
  }
}
.faq .accordion dt.active::after {
  transform: translateY(-50%);
}
.faq .accordion dd {
  background: #fff;
  border-top: 4px solid #e3e3e3;
  color: #68461b;
  display: none;
  font-size: 2.0rem;
  line-height: 1.6;
  padding: 28px 50px 38px 103px;
  position: relative;
}
@media screen and (max-width:768px) {
  .faq .accordion dd {
    border-top: 0.533vw solid #e3e3e3;
    font-size: 3.733vw;
    padding: 4.4vw 5.33vw 4.4vw 16%;
  }
}
.faq .accordion dd::before {
  color: #f8711f;
  content: "A.";
  font-size: 5.0rem;
  font-weight: normal;
  left: 48px;
  line-height: 1;
  position: absolute;
  top: 32px;
}
@media screen and (max-width:768px) {
  .faq .accordion dd::before {
    font-size: 6.67vw;
    left: 5.33vw;
    top: 5.33vw;
  }
}
.faq .accordion dd div {
  background: #eef2fa;
  margin: 0.5em 0 0 0.5em;
  padding: 23px 30px;
}
@media screen and (max-width:768px) {
  .faq .accordion dd div {
    padding: 1.867vw 4vw;
  }
}
.faq .accordion dd div a {
  color: #0c43b8;
  text-decoration: underline;
}
.faq .button01 {
  display: table;
  margin: 70px auto 0;
}
@media screen and (max-width:768px) {
  .faq .button01 {
    margin: 8.267vw auto 0;
    width: 64.267vw;
  }
}
.faq .button02 {
  display: table;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .faq .button02 {
    margin: 8.533vw auto 0;
    width: 78.67vw;
  }
}
.faq .button03 {
  display: table;
  margin: 28px auto 0;
}
@media screen and (max-width:768px) {
  .faq .button03 {
    margin: 4.67vw auto 0;
    width: 78.67vw;
  }
}
.faq > .addtxt{
  margin-top: 1.3em;
  margin-left: 1em;
  margin-bottom: 0;
  text-indent: -1em;
  text-align: center;
}
@media screen and (max-width:768px) {
.faq > .addtxt{
    padding: 0 5.33vw;
    text-align: left;
  }
}
.notes {
  margin: 0 auto;
  padding: 0 0 64px;
  width: 960px;
}
@media screen and (max-width:768px) {
  .notes {
    padding: 0 0 14.4vw;
    width: 100%;
  }
}
.notes .logo {
  align-items: center;
  background: #e2efff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 40px 60px;
  width: 100%;
}
@media screen and (max-width:768px) {
  .notes .logo {
    display: block;
    margin-bottom: 10.67vw;
    padding: 6.67vw 5.33vw;
  }
}
@media screen and (max-width:768px) {
  .notes .logo img {
    margin: 0 auto 4.8vw;
    width: 32vw;
  }
}
.notes .logo p {
  line-height: 1.5625;
  width: 710px;
  margin: 0;
}
@media screen and (max-width:768px) {
  .notes .logo p {
    font-size: 4vw;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .notes dl {
    padding: 0 5.33vw;
  }
}
.notes dl dt {
  font-size: 2.0;
  line-height: 1;
  margin-bottom: 11px;
}
@media screen and (max-width:768px) {
  .notes dl dt {
    font-size: 3.467vw;
    margin-bottom: 1.733vw;
  }
}
.notes dl dd {
  line-height: 1.5;
}
.notes dl dd strong {
  font-weight: bold;
  text-decoration: underline;
}
/* =====================================
	footer
===================================== */
.footer {
  position: relative;
  margin-top: 50px;
}
.footer-inner {
  background: #ff6a0f;
  padding: 16px 0;
  position: relative;
  z-index: 100;
}
@media screen and (max-width:768px) {
  .footer-inner {
    padding: 4.267vw 0;
  }
}
.footer-links {
  color: #fff;
  line-height: 20px;
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
}
@media screen and (max-width:768px) {
  .footer-links {
    line-height: 5.33vw;
    max-width: 90%;
  }
}
.footer-links a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
@media screen and (max-width:768px) {
  .footer-links a {
    font-size: 3.733vw;
    position: relative;
    z-index: 100;
  }
}
.footer-links a:hover {
  text-decoration: underline;
}
.footer-copyright {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
@media screen and (max-width:768px) {
  .footer-copyright {
    font-size: 2.67vw;
    line-height: 5.33vw;
    margin-top: 4vw;
  }
}
.page-to-top {
  position: absolute;
  right: 80px;
  top: -61px;
}
@media screen and (max-width:768px) {
  .page-to-top {
    right: 0;
    top: -11.6vw;
    width: 20.4vw;
  }
}
@media screen and (max-width:768px) {
  .page-to-top img {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .floating {
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    transition: 0.3s all ease;
    width: 100%;
    z-index: 10000;
  }
  .floating li img {
    height: auto;
    width: 100%;
  }
  .floating.is-hidden {
    opacity: 0;
    visibility: hidden;
  }
  .modaal-wrapper {
    z-index: 10030;
  }
  .modaal-overlay {
    z-index: 10020;
  }
}
/*追加調整*/
main {
  width: 100%;
  min-width: 960px;
}
.innerBox {
  width: 700px;
  margin: 0 auto 30px;
}
.innerBox p {
  font-size: 24px;
  color: #68461b;
  text-align: center;
  line-height: 165%;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
@media screen and (max-width:768px) {
  main {
    width: 100%;
    min-width: inherit;
  }
  .innerBox {
    width: 90%;
    margin: 0 auto 5%;
  }
  .innerBox p {
    font-size: 3.6vw;
    color: #68461b;
    text-align: left;
  }
  .mb80 {
    margin-bottom: 12% !important;
  }
  .mb50 {
    margin-bottom: 7% !important;
  }
  .mb30 {
    margin-bottom: 5% !important;
  }
  .mb20 {
    margin-bottom: 4% !important;
  }
}
/*MV*/
.visual {
  width: 100%;
  max-width: 1440px;
}
.visual img {
  width: 100%;
  height: auto;
}
.visual .mainimageArea {
  position: relative;
}
@media screen and (max-width:768px) {
  .visual {
    width: 100%;
    max-width: inherit;
    min-width: inherit;
  }
}
/*ご検討中のあなたへ*/
.anchor-link .button-area01 {
  max-width: 880px;
  width: 90%;
}
.anchor-link .button-area01 li {
  width: 32%;
}
@media screen and (max-width:768px) {
  .anchor-link {
    min-width: inherit;
  }
  .anchor-link .button-area01 li {
    width: 48%;
  }
}
/*3つのポイント*/
.point .accordion {
  width: 900px;
  margin: auto;
}
.center {
  text-align: center !important;
  width: 100%;
}
.bold {
  font-weight: bold !important;
}
.point .accordion dd {
  text-align: center;
  background-color: #FFF;
  border: 4px solid #f3e7cd;
  padding: 30px 50px;
  box-sizing: border-box;
  font-size: 0;
}
.point p {
  color: #68461b;
  font-size: 24px;
  text-align: left;
  margin: 0 auto 20px;
  line-height: 150%;
}
.point sup {
  font-size: 60%;
}
@media screen and (max-width:768px) {
  .point sup {
    font-size: 80%;
    top: 0.6vw;
    position: relative;
  }
}
.point img {
  margin: auto;
  ;
}
.point .checkBox {
  display: inline-block;
  text-align: center;
  margin: auto auto 15px;
  width: 620px;
}
.point .checkBox .check {
  text-align: center;
  padding-left: 40px;
  background-image: url("../image/check_aicon.png");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: 0 50%;
  font-size: 30px;
  display: inline-block;
  margin: 0 auto 10px;
}
.cBox {
  overflow: hidden;
  clear: both;
  width: 100%;
  font-size: 0;
  margin: 0 auto 10px;
  padding-bottom: 10px;
  max-width: 780px;
}
.point .pointone .cBox .case {
  width: 49%;
  display: inline-block;
  max-width: 377px;
  text-align: center;
}
.point .cBox .leftBox {
  float: left;
}
.point .cBox .rightBox {
  float: right;
}
.point .pointone .cBox .pettype {
  font-size: 32px;
  font-weight: bold;
  border: 3px solid #68461b;
  display: inline-block;
  padding: 0px 25px;
  border-radius: 50px;
  margin: 0 auto 20px;
  line-height: 140%;
}
.point .pointone .cBox .price {
  font-size: 36px;
  font-weight: bold;
  color: #f8711f;
  text-align: center;
  margin-bottom: 0;
}
.point .pointone .cBox .price .lTxt {
  font-size: 60px;
}
.point .lineblank {
  margin: 30px auto 50px
}
.point .pointone .dogimg {
  width: 43%;
  max-width: 335px;
  float: left;
}
.point .pointone .oldage {
  width: 52%;
  float: right;
}
.orange {
  color: #f8711f !important;
}
.point .pointone .oldage .oldTxt {
  font-size: 34px;
  text-align: center;
  background-image: url("../image/ten.png");
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: contain;
  padding-bottom: 10px;
  display: inline-block;
  margin: 0 auto 30px;
  font-weight: bold;
}
p.addtxt {
  font-size: 18px;
  text-align: left;
  color: #333;
  margin: 5px auto 20px;
  line-height: 165%;
}
.faq .accordion dd p.addtxt {
  color: #68461b;
}
.pointone p.addtxt {
  text-align: left;
  color: #333;
  margin: 5px auto 20px;
}
.pointtwo p.addtxt {
  text-align: left;
  color: #333;
  margin: 40px auto 50px;
}
.pointtwo p.addtxt2 {
  font-size: 18px;
  text-align: left;
  color: #333;
  margin: 5px auto 0px;
}
p.fukidashi {
  display: inline-block;
  background-image: url("../image/fukidashi.svg");
  background-position: bottom center;
  font-size: 41px;
  padding-bottom: 24px;
  margin: 0 auto 45px;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 150%;
  color: #68461b;
}
.point .otherpoint {
  width: 240px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 28px 0 0;
}
.point .otherpointTxt {
  width: 390px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
}
.point .otherpointTxt .lTxt {
  font-size: 28px;
  margin-bottom: 5px;
  line-height: 130%;
}
.point .pointtwo .cBox {
  width: 660px;
  margin: auto auto 30px;
}
.point .pointthree .checkBox {
  font-size: 28px;
  width: 560px;
  text-align: left;
  line-height: 150%;
  margin: 5px 0 20px 30px;
}
.point .pointthree .checkBox .check {
  text-align: left;
  padding-left: 40px;
  background-image: url(../image/check_aicon.png);
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: 0 50%;
  font-size: 28px;
  display: inline-block;
  margin: 0 auto 0px;
  line-height: 100%;
}
.point .pointthree p.fukidashi {
  margin-bottom: 10px;
}
.point .underline {
  border-bottom: 2px solid #68461b;
  display: inline-block;
  padding-bottom: 0px;
  font-size: 29px;
}
.point .design {
  background-image: url("../image/point3_01.png");
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  box-sizing: border-box;
  padding: 120px 0 30px;
  width: 780px;
  height: 255px;
  margin: 0 auto 20px;
  line-height: 150%;
}
.point .textbg {
  background-color: #fff4c7;
  padding: 5px;
}
.point .reset {
  display: inline-block;
  overflow: hidden;
  margin: 30px 0;
}
.point .reset img {
  float: left;
  width: 107px;
  margin-right: 20px;
}
.point .reset p {
  float: right;
  width: 380px;
  font-size: 36px;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .point .accordion {
    width: 100%;
  }
  .point .accordion dd {
    text-align: center;
    background-color: #FFF;
    border: 3px solid #f3e7cd;
    padding: 3% 5%;
    box-sizing: border-box;
    font-size: 0;
    width: 89.5%;
    margin: -3px auto 0;
  }
  .point p {
    font-size: 4vw;
    text-align: left;
    margin: 0 auto 5%;
    line-height: 150%;
  }
  .point .checkBox {
    display: inline-block;
    text-align: left;
    margin: auto auto 0;
    width: auto;
  }
  .point .checkBox .check {
    text-align: left;
    padding-left: 20px;
    background: url("../image/check_aicon.png") top 0.4vw left;
    background-repeat: no-repeat;
    background-size: 16px;
    font-size: 3.9vw;
    margin: 0 auto 4%;
  }
  .point .pointone .cBox {
    overflow: hidden;
    clear: both;
    width: 100%;
    font-size: 0;
    margin: 0 auto 5%;
  }
  .point .pointone .cBox .case {
    width: 48%;
  }
  .point .pointone .cBox .pettype {
    font-size: 4.6vw;
    padding: 0px 10%;
    margin: 0 auto 5%;
    border: 1.5px solid #68461b;
  }
  .point .pointone .cBox .price {
    font-size: 5.2vw;
  }
  .point .pointone .cBox .price .lTxt {
    font-size: 9vw;
  }
  .point .lineblank {
    margin: 8% auto
  }
  .point .pointone .dogimg {
    width: 42%;
    max-width: inherit;
  }
  .point .pointone .oldage {
    width: 53%;
  }
  .point .pointone .oldage p {
    font-size: 4vw;
  }
  .point .pointone .oldage .oldTxt {
    font-size: 4.4vw;
    padding-bottom: 5px;
    margin: 0 auto 5%;
    white-space: nowrap;
  }
  .pointone p.addtxt {
    margin: 0px auto 5%;
  }
  p.addtxt {
    font-size: 3.467vw;
    margin: 0 auto;
  }
  .pointone p.addtxt {
    text-align: left;
    color: #333;
    margin: 5px auto 20px;
  }
  .pointtwo p.addtxt {
    text-align: left;
    color: #333;
    margin: 40px auto 50px;
  }
  .pointtwo p.addtxt2 {
    font-size: 3.467vw;
    text-align: left;
    color: #333;
    margin: 5px auto 20px;
  }
  p.fukidashi {
    font-size: 5.8vw;
    padding-bottom: 3%;
    margin: 5% auto 7%;
  }
  .point .otherpoint {
    width: 35%;
    margin: 0 4% 0 0;
  }
  .point .otherpointTxt {
    width: 60%;
    margin: 0 0 0 0;
    vertical-align: top;
  }
  .point .otherpointTxt .lTxt {
    font-size: 4.2vw;
    margin-bottom: 5px;
  }
  .point .pointtwo .cBox {
    width: 100%;
    margin: auto auto 5%;
  }
  .pointtwo p.addtxt {
    text-align: left;
    color: #333;
    margin: 5% auto 0%;
  }
  .point .pointthree .checkBox {
    font-size: 4.2vw;
    width: 100%;
    text-align: left;
    line-height: 150%;
    margin: 2% 0 5% 0;
  }
  .point .pointthree .checkBox .check {
    text-align: left;
    padding-left: 22px;
    background-image: url(../image/check_aicon.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0 50%;
    font-size: 4.0vw;
    display: inline-block;
    margin: 0 auto 0px;
    line-height: 100%;
    white-space: nowrap;
  }
  .point .pointthree p.fukidashi {
    margin: 0 0 2%;
    font-size: 5.2vw
  }
  .point .underline {
    border-bottom: 1px solid #68461b;
    display: inline-block;
    padding-bottom: 0px;
    font-size: 4.2vw;
  }
  .point .design {
    background-image: url("../image/point3_01_sp.png");
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 4vw;
    padding: 19% 0 20%;
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  .point .textbg {
    background-color: #fff4c7;
    padding: 2px;
  }
  .point .reset {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 5% 0;
  }
  .point .reset img {
    float: left;
    width: 20%;
    margin-right: 3%;
  }
  .point .reset p {
    float: right;
    width: 75%;
    font-size: 5vw;
    margin: 2% 0;
  }
  .example01 h3 {
    margin-bottom: 0;
  }
}
/*選べる4プラン*/
.plan .table01 .button01 {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.plan h2 img {
  margin: 0 auto 50px;
}
@media screen and (max-width:768px) {
  .plan .table01 .button01 {
    right: 5.33vw;
    top: 0;
    width: 70.5vw;
  }
  .plan h2 img {
    margin: 0 auto 0;
  }
  .plan .text {
    font-size: 3.9vw;
  }
}
/*プラン70＆プラン50　タブ*/
/*タブ共通*/
.label {
  text-align: center;
  margin: 0 auto 20px;
}
.label img {
  width: 420px;
  margin: auto;
}
.underbar {
  border-bottom: 1px solid #68461b;
}
.tab-area01 .stxt {
  font-size: 14px;
}
.tab-area01 .mtxt {
  font-size: 18px;
}
.tab-area01 .leftBox {
  width: 414px;
  float: left;
  margin: 0 0 30px;
}
.tab-area01 .rightBox {
  width: 414px;
  float: right;
  margin: 0 0 30px;
}
.tab-area01 .chart {
  overflow: hidden;
  margin: 0 0 -4px 0;
}
.plantxt {
  font-size: 24px;
  text-align: left;
  margin-bottom: 30px;
  color: #68461b;
  line-height: 150%;
}
.tab-area01 .btmlink {
  font-size: 20px;
  text-align: center;
}
.tab-area01 .cBox {
  max-width: 870px;
}
/*タブ1*/
.tab-area01 .tab01 {
  border: 5px solid #f7904f;
  padding: 20px 40px 50px;
  box-sizing: border-box;
  background-color: #FFF;
}
.tab-area01 .tab01 .chart dt {
  float: left;
  width: 200px;
  border: 4px solid #f7d9c6;
  background-color: #f9ebe3;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #68461b;
  height: 56px;
  padding: 5px 10px;
  margin: 0 -4px 0 0;
  text-align: center;
}
.tab-area01 .tab01 .chart dd {
  float: left;
  width: 220px;
  border: 4px solid #f7d9c6;
  background-color: #FFF;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  color: #68461b;
  height: 56px;
  padding: 2px 10px;
  margin: 0;
  text-align: center;
}
.tab-area01 .tab01 .chart dt.point {
  background-color: #f7904f;
  color: #FFF;
}
.tab-area01 .tab01 .chart dd.point {
  background-color: #fff4c7;
  color: #f7904f;
}
.cBox .comparison {
  font-size: 0;
  margin: 0;
  overflow: hidden;
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
}
.cBox .comparison .kinds {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.cBox .comparison .kinds dt {
  background-color: #f3e7cd;
  border: 4px solid #f3e7cd;
  margin: 0 0 -4px;
  font-size: 22px;
  font-weight: bold;
  color: #68461b;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  line-height: 150%;
}
.cBox .comparison .kinds dd {
  border: 4px solid #f3e7cd;
  margin: 0 0 -4px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center
}
.cBox .comparison .kinds dd img {
  margin: auto;
}
.cBox .comparison .plan_s {
  width: 229px;
  display: inline-block;
  margin: 0 -4px 0 0
}
.cBox .comparison .plan_r {
  width: 189px;
  display: inline-block;
}
.cBox .comparison .planBox dt {
  border: 4px solid #f3e7cd;
  border-bottom: 0px;
  margin: 0;
  padding: 13px 0 0 0;
  box-sizing: border-box;
  font-size: 21px;
  font-weight: bold;
  color: #68461b;
  text-align: center;
}
.cBox .comparison .planBox dt span {
  border: 3px solid #68461b;
  border-radius: 24px;
  display: inline-block;
  padding: 0px 20px;
  line-height: 140%;
}
.cBox .comparison .planBox dd {
  border: 4px solid #f3e7cd;
  border-top: 0px;
  margin: 0;
  padding: 5px 5px 10px 5px;
  box-sizing: border-box;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #f7904f;
  line-height: 140%;
}
.cBox .comparison .planBox dd .ltxt {
  font-size: 42px;
}
/*タブ2*/
.tab-area01 .tab02 {
  border: 5px solid #27b18a;
  padding: 20px 40px 50px;
  box-sizing: border-box;
  background-color: #FFF;
}
.tab-area01 .tab02 .chart dt {
  float: left;
  width: 200px;
  border: 4px solid #add9cc;
  background-color: #c0ebdd;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #68461b;
  height: 56px;
  padding: 5px 10px;
  margin: 0 -4px 0 0;
  text-align: center;
}
.tab-area01 .tab02 .chart dd {
  float: left;
  width: 220px;
  border: 4px solid #add9cc;
  background-color: #FFF;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  color: #68461b;
  height: 56px;
  padding: 2px 10px;
  margin: 0;
  text-align: center;
}
.tab-area01 .tab02 .chart dt.point {
  background-color: #50bfa0;
  color: #FFF;
}
.tab-area01 .tab02 .chart dd.point {
  background-color: #fff4c7;
  color: #50bfa0;
}
.tab-area01 .tab02 .cBox .comparison .kinds dt {
  background-color: #c0ebdd;
  border: 4px solid #c0ebdd;
  margin: 0 0 -4px;
  font-size: 20px;
  font-weight: bold;
  color: #68461b;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  line-height: 150%;
}
.tab-area01 .tab02 .cBox .comparison .kinds dd {
  border: 4px solid #c0ebdd;
  margin: 0 0 -4px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center
}
.tab-area01 .tab02 .cBox .comparison .planBox dt {
  border: 4px solid #c0ebdd;
  border-bottom: 0px;
  margin: 0;
  padding: 10px 0 0 0;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #68461b;
  text-align: center;
}
.tab-area01 .tab02 .cBox .comparison .planBox dd {
  border: 4px solid #c0ebdd;
  border-top: 0px;
  margin: 0;
  padding: 5px 5px 10px 5px;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #f7904f;
}
/*.tab-area01 .tab02 .plantxt{font-size: 20px}*/
@media screen and (max-width:768px) {
  .label {
    text-align: center;
    margin: 0 auto 5%;
  }
  .label img {
    width: auto;
    margin: auto;
  }
  .tab-area01 .stxt {
    font-size: 2.8vw;
  }
  .tab-area01 .mtxt {
    font-size: 3.2vw;
  }
  .tab-area01 .ltxt {
    font-size: 7vw;
  }
  .tab-area01 .leftBox {
    width: 100%;
    float: inherit;
    margin: 0 0 0;
  }
  .tab-area01 .rightBox {
    width: 100%;
    float: inherit;
    margin: 0 0 5%;
  }
  .tab-area01 .chart {
    overflow: hidden;
    margin: 0 0 -4px 0;
  }
  .plantxt {
    font-size: 4.2vw;
    margin-bottom: 8%;
  }
  .tab-area01 .btmlink {
    font-size: 3.4vw;
    text-align: center;
  }
  .plan .tab-area01 {
    width: 89.5%;
  }
  /*タブ1*/
  .tab-area01 .tab01 {
    padding: 10% 5% 5%;
    border: 3px solid #f7904f;
  }
  .tab-area01 .tab01 .chart dt {
    float: left;
    width: 50%;
    border: 2px solid #f7d9c6;
    font-size: 4.2vw;
    height: 2.75em;
    padding: 5px 10px;
    margin: 0 -2px 0 0;
    text-align: center;
  }
  .tab-area01 .tab01 .chart dd {
    float: left;
    width: 50%;
    border: 2px solid #f7d9c6;
    font-size: 4.8vw;
    height: 2.4em;
    padding: 2px 10px;
  }
  .cBox .comparison.leftBox {
    width: 49%;
    float: left
  }
  .cBox .comparison.rightBox {
    width: 49%;
    float: right
  }
  .cBox .comparison .kinds dt {
    margin: 0 0 -3px;
    font-size: 4.2vw;
    padding: 2%;
  }
  .cBox .comparison .kinds dd {
    border: 3px solid #f3e7cd;
    margin: 0 0 -4px;
    padding: 8%;
  }
  .cBox .comparison .plan_s {
    width: 100%;
    margin: 0 0 -3px 0
  }
  .cBox .comparison .plan_r {
    width: 100%;
    margin: 0 0 0 0
  }
  .cBox .comparison .planBox dt {
    border: 3px solid #f3e7cd;
    border-bottom: 0px;
    padding: 10px 0 4px 0;
    font-size: 4vw;
    margin: 0;
    font-weight: normal
  }
  .cBox .comparison .planBox dt span {
    padding: 2px 14px;
    line-height: 120%;
    border: 1.5px solid;
  }
  .cBox .comparison .planBox dd {
    border: 3px solid #f3e7cd;
    border-top: 0px;
    padding: 0 0 5px 0;
    box-sizing: border-box;
    font-size: 4.2vw;
  }
  .cBox .comparison .planBox dd .ltxt {
    font-size: 7.4vw;
  }
  /*タブ2*/
  .tab-area01 .tab02 {
    padding: 10% 5% 5%;
    border: 3px solid #27b18a;
  }
  .tab-area01 .tab02 .chart dt {
    float: left;
    width: 50%;
    border: 2px solid #add9cc;
    font-size: 4.2vw;
    height: 2.75em;
    padding: 5px 10px;
    margin: 0 -2px 0 0;
    text-align: center;
  }
  .tab-area01 .tab02 .chart dd {
    float: left;
    width: 50%;
    border: 2px solid #add9cc;
    font-size: 4.8vw;
    height: 2.4em;
    padding: 2px 10px;
  }
  .tab-area01 .tab02 .cBox .comparison .kinds dt {
    border: 3px solid #c0ebdd;
    margin: 0 0 -3px;
    font-size: 4.2vw;
    padding: 2%;
  }
  .tab-area01 .tab02 .cBox .comparison .kinds dd {
    border: 3px solid #c0ebdd;
    margin: 0 0 -3px;
    padding: 8%;
  }
  .cBox .comparison .plan_s {
    width: 100%;
    margin: 0 0 -3px 0
  }
  .cBox .comparison .plan_r {
    width: 100%;
    margin: 0 0 0 0
  }
  .tab-area01 .tab02 .cBox .comparison .planBox dt {
    border: 3px solid #c0ebdd;
    border-bottom: 0px;
    padding: 10px 0 4px 0;
    font-size: 4vw;
    margin: 0 0 0;
    font-weight: normal
  }
  .tab-area01 .tab02 .cBox .comparison .planBox dd {
    border: 3px solid #c0ebdd;
    border-top: 0px;
    padding: 0 0 5px 0;
    font-size: 4.2vw;
  }
}
/*保険金額の例*/
.example01, .example02 {
  width: 100%;
  max-width: 900px;
  background-color: #FFF;
  padding: 0 0 40px;
  box-sizing: border-box;
  margin: auto auto 50px;
  text-align: center;
}
.example01 h3, .example02 h3 {
  margin-bottom: 50px;
}
.example01 .fukidashi {
  font-size: 35px;
  font-weight: bold;
  padding-bottom: 40px;
  margin-bottom: 30px;
}
.image {
  margin: auto;
}
.examplegraph {
  text-align: center;
  font-size: 20px;
  color: #68461b;
  margin: auto auto 10px;
  line-height: 165%;
}
.examplegraph span {
  background: linear-gradient(transparent 80%, #fcfaa7 80%);
  font-size: 31px;
  font-weight: bold;
}
.example01 .detail {
  padding: 0 70px 0;
}
.detail {
  font-size: 0;
}
.detail .detailtxt {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #68461b;
  margin-bottom: 40px;
}
.detail .detaillb {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #f98748;
  margin-bottom: 15px;
}
.detail .formula {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin: 0 auto 40px;
  font-size: 0;
}
.detail .formula .formulaBlock {
  display: inline-block;
  background-color: #fcf3e0;
  border-radius: 10px;
  vertical-align: middle;
  padding: 15px 25px;
  font-size: 0;
}
.detail .formula .formulaBlock p {
  color: #68461b;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.detail .formula .formulaBlock p span {
  font-size: 24px;
}
.detail .formula p.symbol {
  font-size: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
  color: #68461b;
}
.detail .formula .result {
  font-size: 24px;
  color: #68461b;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.detail .formula .result span {
  background: linear-gradient(transparent 70%, #ffb58c 70%, #ffb58c 90%, transparent 90%);
  margin: auto;
  font-size: 30px;
}
.detail .formula.formula2 .formulaBlock {
  padding: 15px 5px;
}
.detail .formula.formula2 p.symbol {
  font-size: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  color: #68461b;
}
.example01 .detail dl dd {
  padding: 40px 20px 20px;
}
.exampletxtwrap {
  width: 760px;
  margin: auto;
  text-align: left
}
@media screen and (max-width:768px) {
  .example01 h3, .example02 h3 {
    margin-bottom: 0;
  }
  .example01, .example02 {
    width: 90%;
    max-width: inherit;
    padding: 0 0 10%;
    margin: auto auto 10%;
  }
  .example01, .example02 h3 {
    margin-bottom: 0;
  }
  .example01 .fukidashi {
    font-size: 4.6vw;
    font-weight: bold;
    padding-bottom: 5%;
    margin-bottom: 5%;
  }
  .image {
    margin: auto;
  }
  .examplegraph {
    text-align: center;
    font-size: 3.8vw;
    margin: auto auto 3%;
  }
  .examplegraph span {
    background: linear-gradient(transparent 80%, #fcfaa7 80%);
    font-size: 5.8vw;
  }
  .example01 .cBox {
    width: 90%;
  }
  .example01 .detail {
    padding: 0;
    width: 90%;
  }
  .example01 .detail dl {
    padding: 0 1.5vw;
  }
  .detail .detailtxt {
    font-size: 4.8vw;
    margin-bottom: 3%;
  }
  .detail .detaillb {
    font-size: 5.8vw;
    margin-bottom: 5%;
  }
  .detail .formula {
    margin: 0 auto 10%;
    text-align: center;
    vertical-align: middle;
  }
  .detail .formula .formulaBlock {
    border-radius: 10px;
    padding: 2%;
    text-align: center;
    margin: 1%;
  }
  .detail .formula .formulaBlock p {
    font-size: 2.4vw;
    font-weight: normal;
  }
  .detail .formula .formulaBlock p span {
    font-size: 3.8vw;
  }
  .detail .formula p.symbol {
    font-size: 5vw;
    margin: 0;
  }
  .detail .formula .result {
    font-size: 4.2vw;
    font-weight: normal;
  }
  .detail .formula .result span {
    font-size: 6vw;
  }
  .detail .formula.formula2 .formulaBlock {
    padding: 2%;
  }
  .detail .formula.formula2 p.symbol {
    font-size: 5vw;
    margin: 0;
  }
  .detail .formula.formula2 .result {
    margin-top: 3%;
  }
  .example01 .detail dl dd {
    padding: 5% 0 0;
    text-align: center;
  }
  .exampletxtwrap {
    width: 90%;
    margin: auto;
  }
}
/*お支払い事例*/
.exBox {
  width: 380px;
  display: inline-block;
  margin: 0 25px 10px 0;
  padding: 0 25px 0 0;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}
.exBox::before {
  content: "";
  width: 2px;
  height: 94%;
  background: #f3e7cd;
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
}
.exBox.br0 {
  margin: 0 0 10px 0;
  padding: 0;
  width: 354px;
}
.exBox.br0::before {
  display: none;
}
.exBox .yellowmaker {
  background: linear-gradient(transparent 80%, #fcfaa7 80%);
  font-size: 30px;
}
.exBox p {
  color: #68461b;
  margin: 0 0 20px 0;
  text-align: center;
}
.exBox .fukidashi {
  width: 100%;
  line-height: 100%;
  margin: 0 0 15px;
  font-size: 30px;
  background-size: 130%;
  padding-bottom: 30px;
}
.exBox .fukidashi .mtxt {
  font-size: 24px;
}
.exBox .fukidashi .stxt {
  font-size: 19px;
}
.exBox .normalprice {
  font-size: 24px;
  line-height: 150%;
  margin-bottom: 30px;
}
.exBox .normalprice .ltxt {
  font-size: 44px;
  font-weight: bold;
}
.exBox .priceBox {
  margin: 0;
}
.exBox .priceBox p {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 140%;
  white-space: nowrap;
  letter-spacing: 0;
}
.exBox .priceBox .yellowmarker {
  background: linear-gradient(transparent 70%, #fcfaa7 70%, #fcfaa7 90%, transparent 90%);
  font-size: 32px;
  font-weight: bold;
}
.exBox .priceBox .price {
  font-size: 50px;
  font-weight: bold;
  color: #f8711f;
  line-height: 120%;
}
.exBox .priceBox .price .mtxt {
  font-size: 30px;
}
.exBox .priceBox .stxt {
  font-size: 18px;
}
@media screen and (max-width:768px) {
  .exBox.br0 {
    width: inherit;
  }
  .exBox {
    width: 49% !important;
    display: inline-block;
    padding: 0 3% !important;
    margin: 8% 0 5% !important;
    vertical-align: top;
  }
  .exBox::before {
    content: "";
    width: 1px;
    height: 94%;
    background: #f3e7cd;
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
  }
  .exBox .yellowmaker {
    font-size: 4.6vw;
  }
  .exBox p {
    margin: 0 0 5% 0;
    text-align: center;
  }
  .exBox .fukidashi {
    width: 100%;
    line-height: 100%;
    margin: 10% 0 8%;
    padding-bottom: 10%;
    background-size: 200%;
    font-size: 4.2vw
  }
  .exBox .fukidashi .mtxt {
    font-size: 3.6vw;
  }
  .exBox .fukidashi .stxt {
    font-size: 2.8vw;
  }
  .exBox .normalprice {
    font-size: 4vw;
    line-height: 150%;
    margin-bottom: 10%;
  }
  .exBox .normalprice .ltxt {
    font-size: 6.4vw;
    font-weight: bold;
  }
  .exBox .priceBox p {
    font-size: 4.2vw;
  }
  .exBox .priceBox .yellowmarker {
    font-size: 5vw;
    font-weight: bold;
  }
  .exBox .priceBox .price {
    font-size: 8vw;
  }
  .exBox .priceBox .price .mtxt {
    font-size: 5.6vw
  }
  .exBox .priceBox .stxt {
    font-size: 2.8vw
  }
  .example02 .cBox {
    width: 94%;
    margin: auto;
  }
}
/*お客様の声*/
.voice {
  padding: 50px 0 0;
}
.slide01 .slideBox {
  width: 670px;
  display: block;
  border: 5px solid #f7904f;
  border-radius: 24px;
  background-color: #FFF;
  padding: 48px;
  box-sizing: border-box;
  margin: auto;
  min-height: 470px;
}
.slide01 .slideBox .headline {
  overflow: hidden;
  margin-bottom: 30px;
  font-size: 0
}
.slide01 .slideBox .headline .image {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
}
.slide01 .slideBox .headline .headlinetxt {
  font-size: 40px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  line-height: 170%;
}
.slide01 .slideBox .headline .headlinetxt span {
  background-image: url("../image/ten.png");
  display: inline;
  background-repeat: repeat-x;
  background-size: auto 7px;
  background-position: 0 4.6rem;
  padding: 0 0 1.3rem;
}
.slide01 .slideBox p {
  font-size: 24px;
  font-weight: normal;
  color: #68461b;
  line-height: 150%;
}
.voice .addtxt {
  width: 670px;
  margin: 80px auto 0;
}
@media screen and (max-width:768px) {
  .voice {
    padding: 5% 0 0;
  }
  .slide01 .slideBox {
    width: 80%;
    border: 3px solid #f7904f;
    border-radius: 15px;
    padding: 5%;
    min-height: 25em;
  }
  .slide01 .slideBox .headline {
    overflow: hidden;
    margin-bottom: 5%;
  }
  .slide01 .slideBox .headline .image {
    width: 30%;
    margin-right: 5%;
  }
  .slide01 .slideBox .headline .headlinetxt {
    font-size: 5vw;
    width: 63%;
    font-weight: normal;
  }
  .slide01 .slideBox .headline .headlinetxt span {
    background-size: auto 4px;
    background-position: 0 1.1em;
    padding: 0 0 3%;
    background-image: url("../image/ten.png");
    line-height: 180%;
  }
  .slide01 .slideBox p {
    font-size: 4.2vw;
  }
  .voice .addtxt {
    width: 90%;
    margin: 10% auto 0;
  }
}

/*高評価*/
.evaluation h3 {
  margin-bottom: 32px;
}
.highevalist {
  width: 610px;
  list-style: none;
  margin: 0 auto 20px;
}
.highevalist li {
  font-size: 28px;
  font-weight: bold;
  color: #68461b;
  text-align: center;
  line-height: 1.4;
}
.highevalist .ltxt{
  font-size: 140%;
}
.highevalist .emphasis{
  font-size: 140%;
  line-height: 1.3;
  vertical-align: baseline;
}
.highevalist li sup {
  font-size: 60%;
}
.evaluation .addtxt {
  margin: auto;
  width: 900px;
  text-align: center;
}

@media screen and (max-width:768px) {
  .evaluation {
    width: 90%;
    margin: auto;
  }
  .evaluation h3 {
    margin-bottom: 5%;
  }
  .highevalist {
    width: 100%;
    margin: 0 auto 3%;
  }
  .highevalist li {
    font-size: 5vw;
  }
  .evaluation .addtxt {
    width: 100%;
    text-align: left;
  }
}

/*お申し込みまでの流れ*/
.howto {
  padding: 100px 0 0;
}
.steparea {
  width: 900px;
  margin: 0 auto 0;
  overflow: hidden;
}
.steparea .stepBox {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 0 -40px 0
}
.steparea p {
  font-size: 29px;
  font-weight: bold;
  color: #68461b;
  text-align: center;
  margin-bottom: 10px;
  line-height: 150%;
}
.steparea img {
  margin: auto;
}
.steparea .stepBox span {
  font-weight: normal;
}
.steparea .stepBox .emphasis {
  font-size: 38px;
  font-weight: bold;
  color: #ff6a0f;
}
.steparea .step1 {
  background-image: url("../image/step1bg_240801.png");
  padding: 72px 0 59px;
}
.steparea .step2 {
  background-image: url("../image/step2bg_240801.png");
  padding: 72px 0 72px;
}
.steparea .step3 {
  background-image: url("../image/step3bg_240801.png");
  padding: 72px 0 94px;
}
@media screen and (max-width:768px) {
  .howto {
    padding: 15% 0 0;
  }
  .howto h2 {
    width: 90%;
    margin: 0 auto 2%;
  }
  .steparea {
    width: 90%;
  }
  .steparea .stepBox {
    margin: 0 0 -5% 0;
    box-sizing: border-box;
  }
  .steparea p {
    font-size: 4.2vw;
    margin-bottom: 3%;
    font-weight: bold;
  }
  .steparea .stepBox .emphasis {
    font-size: 5.4vw;
    font-weight: bold;
  }
  .steparea .step1 {
    background-image: url("../image/step1bg_sp.png");
    padding: 10% 2% 10%;
  }
  .steparea .step2 {
    background-image: url("../image/step2bg_sp.png");
    padding: 10% 2% 10%;
  }
  .steparea .step3 {
    background-image: url("../image/step3bg_sp.png");
    padding: 10% 2% 5%;
  }
}
/*保険金請求までの流れ*/
.flow {
  padding: 32px 0 0;
}
.flow h2 img {
  margin: 0 auto 30px;
}
.flow .innerBox {
  margin: 0 auto 30px;
  width: 100%;
  text-align: center;
}
.flow .innerBox .addtxt {
  text-align: center;
}
.flow .text {
  font-size: 30px;
  line-height: 130%;
  margin-bottom: 15px;
}
.slide02 li .flowstep {
  width: 670px;
  margin: auto;
  border: 5px solid #f3e7cd;
  box-sizing: border-box;
  text-align: center;
  padding: 0 40px;
  min-height: 580px;
  background-color: #FFF;
}
.slide02 li .flowstep p {
  color: #68461b;
  text-align: left;
  font-size: 25px;
  margin: 0 auto 20px;
  line-height: 150%;
}
.slide02 li .flowstep .stepnumber {
  display: inline-block;
  background-color: #f8711f;
  color: #FFF;
  font-size: 28px;
  font-weight: bold;
  padding: 10px 50px;
  border-radius: 0 0 30px 30px;
  margin: -4px auto 10px;
  line-height: 120%;
	
}
.slide02 li .flowstep .stepnumber span {
  font-size: 34px;
}
@media screen and (max-width:768px) {
  .flow h2 {
    width: 100%;
    margin: auto
  }
  .flow h2 img {
    margin: 0 auto 5%;
  }
  .flow .innerBox {
    margin: 0 auto 5%;
    width: 90%;
    text-align: center;
  }
  .flow .innerBox .addtxt {
    text-align: left;
  }
  #flow .innerBox .text {
    font-size: 4.8vw;
    text-align: center;
    line-height: 150%;
    margin: 0 auto 3%;
  }
  .slide02 li .flowstep {
    width: 90%;
    border: 3px solid #f3e7cd;
    padding: 0 7%;
    min-height: 29.5em;
    letter-spacing: 0;
  }
  .slide02 li .flowstep p {
    font-size: 4.2vw;
    margin: 0 auto 5%;
    font-weight: normal;
  }
  .slide02 li .flowstep .stepnumber {
    font-size: 4.2vw;
    font-weight: bold;
    padding: 2% 10%;
    border-radius: 0 0 20px 20px;
    margin: -3px auto 5%;
	  width:43%; 
	  text-align: center;
  }
  .slide02 li .flowstep .stepnumber span {
    font-size: 5vw;
  }
}
/*faq*/
.faq .accordion dt {
  font-size: 2.2rem;
  line-height: 1.5;
  padding: 20px 103px;
}
.faq .accordion dt::before {
  font-size: 4.2rem;
  font-weight: normal;
  top: 15px;
}
.faq .accordion dt::after {
  border-bottom: 18px solid #f7904f;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.faq .accordion dd::before {
  font-size: 4.2rem;
  font-weight: normal;
  top: 31px;
}
.faq .textlist {
  list-style: none;
  padding: 0;
  margin: 0 0 0 1em;
}
.faq .accordion dd div .textlist {
  margin: 0 0 0 2.5em;
}
.faq .accordion dd div span {
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}
/*.faq .textlist li{text-indent:-1em; padding-left: 1em}*/
.faq .textlist li {
  padding-left: 0;
  list-style: disc;
}
/*.faq .textlist li::first-letter{margin-left: -1em;}*/
@media screen and (max-width:768px) {
  .faq .accordion dt {
    font-size: 4.2vw;
    line-height: 1.5;
    padding: 3% 16%;
  }
  .faq .accordion dt::before {
    font-size: 7vw;
    font-weight: normal;
    top: 10px
  }
  .faq .accordion dt::after {
    border-bottom: 10px solid #f7904f;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  .faq .accordion dd::before {
    font-size: 7vw;
    font-weight: normal;
    top: 20px;
  }
}
/*footer*/
.notes p {
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.5;
}
.listtxt {
  margin-bottom: 30px;
}
.listtxt li {
  padding-left: 1em;
}
.listtxt li::first-letter {
  margin-left: -1em;
}
@media screen and (max-width:768px) {
  .notes p {
    font-size: 3.733vw;
    margin-bottom: 5%;
    padding: 0 5.33vw;
  }
  .listtxt {
    margin-bottom: 7%;
  }
  .footer-links {
    width: 90%;
    margin: auto 5%;
    font-size: 0;
    max-width: inherit;
  }
  .linklist {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0;
    margin: 0 4% 0 0;
  }
  .linklist:last-child {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .linklist li {
    padding-left: 2.8vw;
    margin: 0 0 3%;
    width: 100%;
    text-align: left;
    position: relative;
  }
  .linklist li::before {
    content: '';
    width: 1.06vw;
    height: 1.06vw;
    border: 0;
    border-top: solid 0.533vw #FFF;
    border-right: solid 0.533vw #FFF;
    position: absolute;
    top: 1.5vw;
    left: 0;
    transform: rotate(45deg);
  }
  .linklist li a {
    color: #fff;
    font-size: 3.32vw;
    text-decoration: none;
    line-height: 1.5;
    display: block;
    margin: 3vw 0;
  }
}


.reason{
  margin-top: 70px;
}

.reason h2{
  line-height: 0.7;
  font-size: 39px;
  margin-top: 18px;
}

.reason h2::after{
  content: '';
  display: inline-block;
  height: 15px;
  width: 64%;
  background: url("../image/dot-orange.svg") repeat-x;
}

.reason .example{
  text-align: center; 
  margin: 1.8em 0 1.6em;
}

.reason .example dt{
  font-size: 28px;
}

.reason .example dd{
  font-size: 29px;
  font-weight: bold;
}

.reason .example dd + dd{
  margin-top: 0; 
}


/* ---いきいき追加--- */
@media screen and (max-width:768px) {
  .mainBox {
    padding: 30px 30px;
  }
  .mainBox .maintitle{
    font-size: 6vw;
  }


  .reason .mainBox h2{
    margin-top: 8px;
  }
  .reason h2::after{
    width: 92%;
    height: 7px;
  }
  .reason .example dt{
    font-size: 5.4vw;
    line-height: 1.2;
  }
  .reason .example dd{
    font-size: 4.8vw;
  }
  .reason .example dt .small{
    display: inline-block;
  }
  
  
}
/* ---いきいき追加--- */

.top-padd_not{
  padding-top: 0;
}
.text_block{
  max-width: 960px;
  margin: 0 auto;
}
.ref {
  background-color: #ff6a0f;
  padding: 5px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
.forPC {
  display: block;
}
@media screen and (max-width: 768px) {
  .forPC {
      display: none;
  }
}
.forSp {
  display: none;
}
@media screen and (max-width: 480px) {
  .forSp {
      display: block;
  }
}
.button--next{
  position: relative;
  display: block;
  max-width: 600px;
  padding: 0.5em;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
  transition: 0.5s;
  margin: 50px auto 0;
  background: #ff6a0f;
  color: #fff;
  font-size: 1.7em;
  box-shadow: 3px 3px 4px #696969;
  font-weight: bold;
}
.button--next::after {
  content: '';
  display: inline-block;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.section-inner h3 {
  text-align: center;
  font-size: 22px;
  text-decoration: underline;
  text-decoration-color: #ff6a0f;
  text-underline-offset: 3px;
  margin-bottom: 10px;
  font-weight: bold;
}
#section-price .price-box {
  display: -ms-flexbox;
  display: flex;
  background: url("../image/border.gif") top center repeat-y;
  gap:30px 0px;
}
#section-price .price-box-left{
  background-color:#FBE5D6;
  margin-right:10px;
}
#section-price .price-box-right{
  background-color:#ddf7ef;
}
#section-price .price-box-left,
#section-price .price-box-right {
  box-sizing: border-box;
  width: 50%;
  padding: 35px 15px 30px;
}
#section-price .text,
#section-price .price {
  float: left;
}
#section-price .img {
  float: right;
  max-width: 180px;
}
#section-price .price {
  position: relative;
  z-index: 2;
  margin-top: 10px;
  font-size: 21px;
  line-height: 1;
  margin-left: 30px;
}
#section-price .price .text-red {
  color: #e60039;
  font-size: 50px;
  font-weight: bold;
}
#section-price .price-off {
  display: block;
  max-width:300px;
}
#section-price .text,
.section-rank .text {
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
}
#section-price .text-l,
.section-rank .text-l {
  font-weight: bold;
  font-size: 23px;
}
#section-price .price-box-inner::after,
#section-price .price-box-inner::before {
  display: table;
  content: " ";
}
#section-price .price-box-inner::after {
  clear: both;
}
.priceTable {
  margin: 0px auto 20px;
  border-collapse: collapse;
  border: none;
}
.priceTable th,
.priceTable td {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.priceTable .cate {
  vertical-align: middle;
}
.priceTable tr.noborder th {
  text-align: right;
  border: none;
  font-weight: normal;
  padding: 0px;
}
.priceTable th.plan70-head {
  color: #fff;
  background-color: #ff8c41;
}
.priceTable th.plan50-head {
  color: #fff;
  background-color: #0dab7e;
}
.priceTable th.plan70-subhead {
  background-color: #fccf9f;
}
.priceTable th.plan50-subhead {
  background-color: #7ad1b8;
}
.priceTable td:nth-of-type(1),
.priceTable td:nth-of-type(2) {
  background-color: #FBE5D6;
  font-weight: bold;
  width: 20%;
  text-align: right;
}
.priceTable td:nth-of-type(3),
.priceTable td:nth-of-type(4) {
  background-color: #ddf7ef;
  font-weight: bold;
  width: 20%;
  text-align: right;
}
.priceTable tr.normal th,
.priceTable tr.normal td {
  background-color: #fff;
  font-weight: normal;
  width: 20%;
}
th.age-title {
  background-color: #e60039;
  font-weight: bold;
  color: #fff;
  border-left: 3px solid #e60039;
  border-top: 3px solid #e60039;
  border-right: 3px solid #e60039;
}
.age {
  background-color: #FFE7E8;
  width: 20%;
}
.priceTable tr.border-ltr {
  border-left: 3px solid #e60039;
  border-top: 3px solid #e60039;
  border-right: 3px solid #e60039;
}
.priceTable tr.border-lr {
  border-left: 3px solid #e60039;
  border-right: 3px solid #e60039;
}
.priceTable tr.border-lbr {
  border-left: 3px solid #e60039;
  border-bottom: 3px solid #e60039;
  border-right: 3px solid #e60039;
}
#section-price .toggle-body{
  background-color: #F2F2F2;
}
.toggle-body {
  display: none;
  padding: 30px;
  border: 4px solid #afafaf;
  border-radius: 30px;
}
.priceTable caption{
  caption-side: bottom;
}
@media screen and (max-width: 768px) {
  .subtitle {
    text-align: center;
    display: block;
    max-width: 300px;
  }
  #section-price {
    padding: 35px 0 0;
    font-size: 18px;
  }
  #section-price .price-subtitle2 {
    max-width: none;
    margin: 30px auto 0;
    padding: 8px 10px;
    text-align: center;
  }
  #section-price .price-box-left,
  #section-price .price-box-right {
    width: auto;
    padding: 30px 25px;
  }
  #section-price .price-box-left .text,
  #section-price .price-box-left .img,
  #section-price .price-box-left .price,
  #section-price .price-box-right .text,
  #section-price .price-box-right .img,
  #section-price .price-box-right .price {
    float: none;
  }
  #section-price .price-box-left .img,
  #section-price .price-box-right .img {
    width: 94.34783%;
    max-width: none;
    margin: 10px auto 0;
  }
  #section-price .price-box-left .price,
  #section-price .price-box-right .price {
    margin: 10px auto 0;
  }
  #section-price .price-box-left .price {
    width: 190px;
  }
  #section-price .price-box-right .price {
    width: 190px;
    text-align: center;
  }
  .priceTable .cate {
    font-size: 1rem;
  }
  .priceTable th,
  .priceTable td {
    font-size:0.8em;
    padding: 3px;
  }
}
@media screen and (max-width: 480px) {
  #section-price .price-box-left, #section-price .price-box-right{
    width:100%;
  }
  #section-price .price-box{
    background: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #section-price .price-box-left{
    margin-right:0px;
  }
}
.toggle-title.is-open {
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0%;
  background: linear-gradient(to top, #fbfbfb, #e8e8e8);
  border-bottom: 0px;
}
.toggle-title {
  display: inline-block;
  position: relative;
  padding: 15px 20px 15px 60px;
  font-size: 18px;
  color: #333;
  border-radius: 10px;
  border: 2px solid #afafaf;
  background: linear-gradient(to bottom, #fbfbfb, #e8e8e8);
}
.toggle-title.is-open::before {
  position: absolute;
  left: 25px;
  display: block;
  margin-top: -5px;
  content: "";
  border: 10px solid transparent;
  border-top: 10px solid #afafaf;
}
.toggle-title::before {
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -10px;
  content: "";
  border: 10px solid transparent;
  border-left: 10px solid #afafaf;
}
.js-accordionTop {
  text-align: center;
}
.section-inner {
  max-width: 960px;
  margin: 0 auto;
}
.mb--0 {
  margin-bottom: 0px !important;
}
.js-table-overflow .notes {
  font-size: 0.9em;
  text-align: justify !important;
  padding: 0;
  width: auto;
}
#section-contact ,
#section-caution ,
.js-table-overflow{
  font-family: "BIZ UDPGothic", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mt--10 {
  margin-top: 10px !important;
}
.example01{
  margin-top: 80px;
}
#section-contact , #section-caution {
  font-size: 18px;
}
#section-caution {
  padding-top: 40px;
}
#section-contact .contact-body:first-child {
  margin-top: 0px;
}
#section-contact .contact-body {
  margin-top: 30px;
  padding: 20px 15px;
  text-align: center;
  background-color: #FBE5D6;
}
.notes-indent-2 {
  padding-left: 1.75em !important;
  text-indent: -1.75em !important;
}
@media screen and (max-width: 480px) {
  .align--left--Sp {
      text-align: left;
  }
}
.logo_company {
  width: 100%;
  margin-top: 20px;
}
.logo_company img {
  max-width: 100%;
  margin: 0 auto;
}
.caution-body {
  font-size: 1em;
  background-color: #eee;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .caution-body {
      font-size: 15px;
      padding: 15px;
  }
}
.caution-body h3 {
  text-decoration-color: #28b28b;
}
.caution-body ul {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .caution-body ul {
      padding-left: 15px;
  }
}
.text-m {
  font-size: 1.2em;
}
.text-bold {
  font-weight: bold;
}
#section-caution ul , 
#section-caution li{
  list-style: disc;
  font-size: 0.9em;
}

.bobun{
  margin: 30px 0px 10px;
  text-align: right;
  padding: 0 20px 20px;
}