@charset "utf-8";

@-webkit-keyframes shiny-btn9 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes rotate_anime {
  0% {
    transform: rotate(0deg);
  } 90% {
    transform: rotate(0deg);
  } 95% {
    transform: rotate(-15deg);
  } 100% {
    transform: rotate(0deg);
  }
}
@keyframes pikopiko {
  0% {
    transform: rotate(20deg);
  } to {
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes shiny-btn8 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media all and (max-width: 750px) and (min-width: 0px) {

/*** The new CSS reset - version 1.9 (last updated 19.6.2023) ***/
 
:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,::after,::before{box-sizing:border-box}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}

  
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

img { border:none; }
.sphide { display:none !important; }
.pcbr { display: block; }
  
body { font-family: 'Noto Sans JP', sans-serif; }
#mainvisual { width: 100%; background-color: #eee; height: 600px; }

#mainvisual {
  position: relative;
  background: #eee;
  height: 80vh;
  min-height: 667px;
  z-index: 1;
}

#mainvisual::after {
  content: '';
  position: absolute;
  right: 0;
  left: -35%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #eee 25%, transparent 25%), linear-gradient(225deg, #eee 25%, transparent 25%);
  background-position: 0 0;
}


/* mainvisual */
.header {
  display: flex;
  align-items: center;
  background-color: #53483A;
}

.header__inner {
  align-items: center;
  width: 100%;
  padding: 1vw;
  position: relative;
  color: #fff;
}
.header__inner::before {
            content: '';
            position: absolute;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 2vw 6vw 0 6vw;
            border-color: #53483A transparent transparent transparent;
            left: 50%;
            transform: translateX(-50%) translateY(100%);
            z-index: 9;
}

.header__title {

}

.header__title-sub {
  font-size: 2.5vw;
  font-weight: 400;
  line-height: calc(9 / 7);
  text-align: center;
}

.header__title-main {
  text-align: center;
  font-size: 3.5vw;
  font-weight: 700;
  line-height: calc(19 / 13);
  width: 100%;
  display: block;
}

.header__title-main span {
  font-size: 2.8vw;
}

.header__buttons {
  display: flex;
  gap: 10px;
  flex: 1;
  justify-content: flex-end;
}

.header__button {
  color: #fff;
display: flex;
}

.button-blue {
  display: inline-block;
  border-radius: 7px;
  width: 35px;
  height: 35px;
}

.button-blue__img {
  width: 35px;
  height: 35px;
}

.button-blue__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.button-red {
  display: inline-block;
  border-radius: 7px;

}

.button-red__img {
  width: 35px;
  height: 35px;
}

.button-red__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.button-red__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.button-green {
  display: inline-block;
  border-radius: 7px;
}

.button-green__img {
  width: 35px;
  height: 35px;
}

.button-green__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mainvisual {
width: 100%;
display: block;
position: relative;
}

.mainvisual::after {
  content: '';
  position: absolute;
  right: 0;
  left: -35%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #53483A 25%, transparent 25%), linear-gradient(225deg, #53483A 25%, transparent 25%);
  background-position: 0 0;
}

.mainvisual__header {
  height: 60px;
  text-align: center;
  background-color: #53483A;
}

.mainvisual__header-inner {
  height: inherit;
  display: flex;
align-items: center;
margin: 0 auto;
max-width: 500px;
width: 100%;
padding: 0 10px;
}

.mainvisual__header-text {
  display: grid;
  width: 100%;
color: #fff;
font-size: min(4.8vw, 18px);
font-weight: 700;

}

.mainvisual__header-text-top {
display: inline-block;
margin-right: calc((50% - 75px));
}

.mainvisual__header-text-bottom {
  display: inline-block;
  margin-left: calc((50% - 40px));
  white-space: nowrap;
}


.mainvisual__header-text span {
  color: #E2E540;
}

.mainvisual__container {
  position: relative;
}

.mainvisual__container::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 120%;
background: linear-gradient(89deg, #E0CEB6 33.8%, #D3BEA3 99.84%);
z-index: -1;
}

.mainvisual__container::after {
  content: "";
position: absolute;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgba(212, 191, 164, 0.00) 0.01%, #D4BFA4 100%);
width: 100%;
height: 100%;
z-index: -2;
}

.mainvisual__body {
position: relative;
padding-left: 2vw;
padding-right: 2vw;
height: 74vh;
}

.mainvisual__body::before {
  content: "";
  background-image: url(../img/mv1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right 27%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px 0;
  position: absolute;
  z-index: -1;
}

.mainvisual__body::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 59.4666%;
height: 9px;
background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, rgba(212, 191, 164, 0.00) 0.01%, #D4BFA4 100%);
}

.mainvisual__inner {
  display: block;
  max-width: 94%;
  width: 100%;
  padding: 4vw 0vw;
  margin: 0 auto;
}

.mainvisual__buttons-inner {
  display: block;
  max-width: 400px;
  width: 100%;
  margin: 3vw auto 0;
  padding: 0 10px;
}

.mainvisual__title {
  display: block;
font-size: 4.5vw;
font-weight: 700;
line-height: 120%;
}

.mainvisual__title span:nth-of-type(1) {
  letter-spacing: -0.45625em;
}

.mainvisual__title span:nth-of-type(2) {
  margin-left: 0.2em;
}

.mainvisual__title strong {
  font-size: 6vw;
  font-weight: 700;
  line-height: 120%;
  color: #ED4544;
}

.mainvisual__read {
  display: inline-block;
  margin-top: 3vh;
font-weight: 700;
}

.mainvisual__read p:nth-of-type(1) {
  font-size: 2.7vw; line-height: 1.6;
}
.mainvisual__read p:nth-of-type(1) strong { color: #ED4544;}

.mainvisual__read p:nth-of-type(2) {
  margin-top: -2px;
  font-size: 3vw;
}
.mainvisual__read p:nth-of-type(2) strong { color: #ED4544;}

.mainvisual__read span {
  font-size: 5vw;
background-color: rgba(255, 255, 255, 0.60);
border: 1.5px solid #53483A;
padding: 0 5px;
display: inline-flex;
    align-items: center;
    line-height: 1.3;
}

.mainvisual__wrap {
  margin-top: 4vh;
}
.addtxt {background-color: #ffffff7d;
    border-radius: 2vw;
    padding: 2vw 2vw 4vw;
    margin-top: 6vh;
}
.addtxt p {
font-size: 3.5vw; text-align: center; font-weight: bold;
}
.addtxt p.cta-button__text {font-size: 4vw !important;}
.addtxt p.cta-button__button-title { font-size: 5vw !important;}
.mainvisual__lists {
display: block;
width: fit-content;
}

.mainvisual__list {
  display: block;
padding-left: 2.3vw;
font-size: 4vw;
font-weight: 700;
line-height: calc(23 / 16);
position: relative;
            background-color: #fff;
            margin-bottom: 1vw;
            border-radius: 6px;
            padding: 1vw 2vw 1vw 7vw;
}

.mainvisual__list::before {
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
position: absolute;
content: "";
            width: 5vw;
            height: 5vw;
top: 50%;
transform: translateY(-50%);
left: 1vw;
}

.mainvisual__list span {
  color: #ED4544;
}
.mainvisual__list span.imp { color: #48496;font-size: 2.3vw;line-height: 1.5;display: block; }
ul.mainvisual__lists li:last-child::before {  }
.mainvisual__achievement {
text-align: center;
}

.mainvisual__date {
background-color: #53483A;
display: inline-block;
padding: 3vw;
width: 100%;
text-align: center;
border-radius: 0px;
}

.mainvisual__date-text {
  display: block;
color: #E2E540;
font-size: 16px;
font-weight: 700;
line-height: calc(23 / 16);
}

.mainvisual__date-text span {
  color: #fff;
  margin-left: 7.84px;
}

.mainvisual__date-count {
  color: #E2E540;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1;
}

.mainvisual__date-count span {
  font-size: 20px;
  margin-left: 8px;
  line-height: calc(29 / 20);
}

.mainvisual__text {
  text-align: left;
  margin-top: 3px;
font-size: 3vw;
font-weight: 300;
line-height: calc(17 / 12);
padding: 0 7px;
color: #fff;
}

.mainvisual__buttons {
text-align: center;
}

.cta-button {
display: inline-flex;
flex-direction: column;
width: 355px;
max-width: 100%;
align-items: center;
justify-content: center;
color: #fff;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cta-button:not(:first-child) {
  margin-top: 15px;
}

.cta-button:hover {
  transform: translateY(3px);
  opacity: 1;
  box-shadow: none;
}

.cta-button::before {
  position: absolute;
  top: 0;
  left: -75%;
  display: inline-block;
  width: 30px;
  height: 100%;
  content: "";
  animation: shiny-btn9 3s ease-in-out infinite;
  background-color: #fff;
}

.cta-button--red {
  padding: 6px 0 4px;
background-image: linear-gradient(180deg, #fb5c5b 0 50%, #ED4544 50% 100%);
border-radius: 7px;
    box-shadow: 0 6px 0 0 rgba(198, 39, 39, 1);
}
.cta-button--green {
  padding: 6px 0 4px;
  border-radius: 7px;
  background-image: linear-gradient(180deg, #55b475 0 50%, #00B900 50% 100%);
  box-shadow: 0 6px 0 0 #058505;
}
.cta-button__text {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: calc(22 / 15);
  position: relative;
  padding: 0 10px;
}

.cta-button__text::before,
.cta-button__text::after {
position: absolute;
content: "";
width: 0.36px;
height: 20.37px;
top: 10%;
background-color: #fff;
}

.cta-button__text::before {
transform: rotate(-19.29deg);
left: 3px;
}

.cta-button__text::after {
transform: rotate(19.29deg);
right: 8px;
}

.cta-button__button-title {
font-size: 20px;
font-weight: 700;
}

.cta-button--blue {
  padding: 7px 5px 8px;
background-image: linear-gradient(180deg, #458fff 0 50%, #2179FE 50% 100%);
border-radius: 7.454px;
box-shadow: 0 6px 0 0 rgb(22, 81, 172);
flex-direction: unset;
gap: 9px;
}

.cta-button__icon {
  color: #2179fe;
  background-color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: calc(12 / 10);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transform: rotate(-6deg);
}

.cta-button__body {
line-height: 1;
text-align: center;
}

.cta-button__top {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 25px;
font-weight: 700;
margin-bottom: 5px;
}

.cta-button__img {
  display: inline-block;
  width: 22px;
  height: 22px;
}

.cta-button__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cta-button__bottom {
font-size: 12px;
font-weight: 700;
}

.sp-none {
  display: none;
}


/* mainvisual */

.content-01 { width: 100%; background-color: #f2ebdf; padding: 12% 0; }
.content-01 h2 { text-align: center; padding-bottom: 4%; }
.content-01 h2 img { width: 90%; height: auto; }
.content-01 ul { width: 95%; margin: 0 auto; }
.content-01 ul li { font-size: 4.5vw; font-weight:600; line-height: 2; text-align: center; }
.content-01 ul li::before { content: "“"; padding-right: 5px; }
.content-01 ul li::after { content: "”"; padding-left: 5px; }
.content-01 {
position: relative;
background: #f2ebdf;
}
.content-01::before {
content: '';
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8vw 12vw 0 12vw;
border-color: #f2ebdf transparent transparent transparent;
left: 50%;
transform: translateX(-50%) translateY(100%);
}
.content-02 { width: 100%; background-color: #d0e5ea; padding: 13% 0 5%; }
.content-02 h2 { text-align: center; padding-bottom: 4%; }
.content-02 h2 img { width: 80%; height: auto; }
.content-02 .items { display: flex; flex-wrap: wrap; width: 96%; margin: 0 auto; justify-content: flex-start; }
.content-02 .item { width: 100%; flex-basis: 100%; max-width: 100%; flex-grow: 1; padding: 3%; }
.content-02 dl {
	background-color:#FFFFFF;
	border-radius:15px;
}
.content-02 dl.box1 dt {
	height: 30vw;
	background-image: url(../img/box1.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box2 dt {
	height: 30vw;
	background-image: url(../img/box2.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box3 dt {
	height: 30vw;
	background-image: url(../img/box3.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box4 dt {
	height: 30vw;
	background-image: url(../img/box4.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box5 dt {
	height: 30vw;
	background-image: url(../img/box5.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box6 dt {
	height: 30vw;
	background-image: url(../img/box6.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box7 dt {
	height: 30vw;
	background-image: url(../img/box7.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl.box8 dt {
	height: 30vw;
	background-image: url(../img/box8.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.content-02 dl dd {
    padding: 3%;
    font-size: 3.8vw;
    height: auto;
    line-height: 1.6;
}
.callbtn { position: relative; }
.callbtn .content-skewed {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background: #d0e5ea;
  z-index: 0;
  transform: skewY(3deg);
  transform-origin: top right;
}
.callbtn .copy { position: relative; }

.sepb { position: relative; }
.sepb .content-skewed {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background: #d0e5ea;
  z-index: -1;
  transform: skewY(3deg);
  transform-origin: top right;
}

.content-03 { width: 100%; background-color: #d0e5ea; padding: 7% 0 4%; }
.content-03 h2 { text-align: center; padding-bottom: 5%; }
.content-03 h2 img { width: 60%; height: auto; }
.content-03 .items { display: flex; flex-wrap: wrap; width: 90%; margin: 0 auto; justify-content: flex-start; }
.content-03 .item { width: 100%; flex-basis: 100%; max-width: 100%; flex-grow: 1; padding: 5%; }
.content-03 .item {
  position: relative;
  margin: 1% 0 5%;
  border: solid 3px #c71585;
  border-radius: 8px;
  color: #000000;
}
.content-03 .item .point {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 10px;
  line-height: 1;
  font-size: 7vw;
  background: #d0e5ea;
  color: #c71585;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
}
.content-03 .item h3 { font-weight: 800; font-size: 4.6vw; padding: 3% 0 2%; color: #c71585; }
.content-03 .item p { font-size: 4vw; line-height: 1.6; margin: 0;  padding: 0;}
.content-03 {
position: relative;
background: #d0e5ea;
margin-bottom: 60px;
}
.content-03::before {
content: '';
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8vw 12vw 0 12vw;
border-color: #d0e5ea transparent transparent transparent;
left: 50%;
transform: translateX(-50%) translateY(100%);
}
.callbtn .copy span { font-family: 'Oswald', sans-serif; font-size: 12vw; padding: 0 3%; }

.callbtn2 {
  position: relative;
  background: #fff;
  padding-bottom: 35vw;
  z-index: 999;
}

.callbtn2::after {
  content: '';
  border-top-left-radius: 50% 30%;
  border-top-right-radius: 50% 30%;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f2ebdf;
  height: 20vw;
}
  
.content-04 { width: 100%; background-color: #f2ebdf; padding: 30vw 0 8vw; }
.content-04 h2 { text-align: center; padding-bottom: 5%; z-index: 9999; position: relative; }
.content-04 h2 img { width: 45%; height: auto; } 
.content-04 .splide { width: 80%; margin: 0 auto; z-index: 9999; position: relative; }
.content-04 .jcard { width: 90%; margin-left: auto; margin-right: auto; }
.content-04 .jcard .hicon { float: left; padding-right: 4vw; }
.content-04 .jcard .hicon img { width: 20vw; height: auto; }
.content-04 .jcard .age { font-weight: bold; font-size: 5vw; }
.content-04 .jcard p { font-size: 4vw; line-height: 1.6; padding-top: 2%; }
.content-04 .jcard p span { font-weight: bold;font-size: 15px; color: #CB3434; background-color: yellow; padding-left: 5px; padding-right: 5px; }
.splide__arrow--next { right: -7vw; }
.splide__arrow--prev { left: -7vw; }
.splide__arrow { height: 8vw; width: 8vw; }
.content-04 {
  position: relative;
  background: #f2ebdf;
  margin-top: -41vw;
}
.content-04::after {
  content: '';
  position: absolute;
  right: 0;
  left: -35%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #f2ebdf 25%, transparent 25%), linear-gradient(225deg, #f2ebdf 25%, transparent 25%);
  background-position: 0 0;
}
  
  .content-05 { width: 100%; background-color: #fff; padding: 15% 0; }
  .content-05 h2 { text-align: center; padding-bottom: 3%; }
  .content-05 h2 img { width: 50%; height: auto; }
  .content-05 dl { width: 100%; margin: 0 auto; }
.content-05 dl dt {
	font-size: 5vw;
	padding-left: 21vw;
	background-image: url(../img/qa_q.gif);
	background-repeat: no-repeat;
	background-position: 5vw center;
	margin-top:9%;
  min-height: 12vw;
}
.content-05 dl dd {
	background-image: url(../img/qa_a.gif);
	background-repeat: no-repeat;
	background-position: 6vw top;
  background-size: 11vw auto;
	padding-left: 18vw;
	padding-right:3vw;
	padding-top:5vw;
	margin-top:5vw;
  font-size: 3.8vw;
}
.content-05 dl dd span {
	background-image: url(../img/qa_strong.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size:contain;
}
  
  
.callbtn3 { position: relative; background: #fff; padding-bottom: 50px; }
.callbtn3::after {
  content: '';background: #f2ebdf;
  position: absolute;
  right: 0;
  left: -35%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #fff 25%, transparent 25%), linear-gradient(225deg, #fff 25%, transparent 25%);
  background-position: 0 0;
}
  
  
  
  
  .content-06 { width: 100%; background-color: #f2ebdf; padding: 50px 0; margin-top: 50px; }
  .content-06 h2 { text-align: center; padding-bottom: 43px; }
  .content-06 h2 img { width: 60%; height: auto; }
  .content-06 .flow_design05 {  display: flex;  justify-content: center;  align-items: center;  width: 95%;  margin-left: auto; margin-right: auto;}
  .content-06 .flow05 { padding-left: 0; }
  .content-06 .flow05 > li {
  list-style-type: none;
  position: relative;
  padding-left: 24vw;
}

  .content-06 .flow05 > li:not(:last-child) {
  padding-bottom: 60px;
}

  .content-06 .flow05 > li .icon05 {
width: 20vw;
height: 20vw;
line-height: 3.5;
text-align: center;
border-radius: 100vh;
display: inline-block;
background: #4D9BC1;
color: #fff;
position: absolute;
left: 0;
font-family: 'Oswald', sans-serif;
font-size: 5.5vw;
}

  .content-06 .flow05 > li:not(:last-child)::before {
  content: '';
  background: #c3c3c3;
  width: 4px;
  height: 100%;
  position: absolute;
  top: calc(50% - -30px);
  left: 9.5vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

  .content-06 .flow05 > li dl dt {
  font-size: 5vw;
  font-weight: 600;
  color: #4D9BC1;
    padding-bottom: 2vw;
}

  .content-06 .flow05 > li dl dd {
  margin-left: 0; font-size: 4vw;
}
.content-06 {
  position: relative;
  background: #f2ebdf;

}

.content-06::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 68px 0 68px;
  border-color: #f2ebdf transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  z-index: 99;
}
  

  
  .content-07 { width: 100%; background-color: #eee; padding: 50px 0; margin-top: 0px; }
  .content-07 h2 { text-align: center; padding-bottom: 5%; }
  .content-07 h2 img { width: 60%; height: auto; }
  .content-07 .section-price .inner { display: flex; flex-direction: column; align-items: center; }
  .content-07 .section-price__caption { color: #C92A2A; padding: 0 5% 5%; }
  .content-07 .section-price__table { max-width: 96%; margin: 0 auto; width: 100%; }
  .content-07 .section-price__table th,
  .content-07 .section-price__table td { font-size: 4vw; font-weight: 500; border: 1px solid #CCCCCC; vertical-align: middle; padding: 0.6em 0.5em; text-align: center; background-color: #e7eff7; }
  .content-07 .section-price__table td { background-color: #fff; color: #C92A2A; }
  .content-07 { position: relative; background: #eee;}
  .content-07::after {
  content: '';
  position: absolute;
  background: #d0e5ea;
  right: 0;
  left: -35%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #eee 25%, transparent 25%), linear-gradient(225deg, #eee 25%, transparent 25%);
  background-position: 0 0;
  }
  
  
  .content-08 { width: 100%; background-color: #d0e5ea; padding: 9% 0; margin-top: 5%; }
  .content-08 .section-greeting .inner {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 97%;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
  position: relative;
  display: block;
  justify-content: space-between; }
  .content-08 .section-greeting figure {
  width: 85%; margin: auto; }
  .content-08 .section-greeting .name {
  margin-top: 5%;
  text-align: right; }
  .content-08 .section-greeting .content {
  font-size: 3.8vw;
padding: 0 6%;
  width: 100%; }
  .content-08 {
  position: relative;
  margin-bottom: 15%;
  }
  .content-08::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 68px 0 68px;
  border-color: #d0e5ea transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  }
  
  
  .content-09 { width: 100%; background-color: #3f4e60; color: #fff; padding: 5% 0; margin-top: 8%; }
  .content-09 .wrap {
	width:94%;
	margin-left:auto;
	margin-right:auto;
}
  .content-09 h2 {
	color: #FFF;
	font-size: 6vw;
	padding-top: 0px;
	padding-bottom:6px;
	text-align:center;
	font-weight:normal;
}
  .content-09 .wrap .info {
	width:100%;
	padding-top:4%;
    font-size: 3.8vw;
}
  .content-09 .wrap .info dl {
}
  .content-09 .wrap .info dl dt {
}
  .content-09 .wrap .info dl dd {
	padding-bottom: 4%;
}
  .content-09 .wrap .map {
	width:100%;
	padding-top:4%;
}
  .content-09 .wrap .map #user_gmap {
	width:100%;
	height:65vw;
	border:solid 1px #111;
}
  
  .content-10 { width: 100%; background-color: #3f4e60; padding: 0px 0 5%;  }
  .content-10 .wrap { width: 95%; margin: 0 auto; padding: 5%; background-color: #fff; border-radius: 20px; line-height: 1.6; font-size: 3.5vw; }
  .content-10 .wrap h2 { text-align: center; font-weight: bold; font-size: 4vw; padding-bottom: 4%; color: #434343 }
  
  footer { background-color: #3f4e60; text-align: center; font-size: 3vw; color: #fff; padding: 1% 1% 24vw; }
  
  
  
  
  
  
  
  

  
  

.copy { text-align: center; font-size: 6vw; padding: 0 4%; font-weight: bold; color: #F04848; }
.btn {
  text-align: center;
  display: inline-block;
  padding: 5%;
  background-color: #e3364a;
  box-shadow: 0 5px 0 #ca1c30;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.kiran svg {
  position:absolute;
  top:0;
  left:0;
}

.points { display: flex; margin: 0 auto; width: 100%; }
.points span { flex-wrap: nowrap;
  background-color: rgb(236, 236, 163);
  border-radius: 30vw;
  padding: 12vw 0 0;
  margin: 2% auto;
  font-weight: bold;
  font-size: 5vw;
  box-shadow: 0 8px 0 rgb(111, 111, 75);
  height: 30vw;
  width: 30vw;
  text-align: center;
  color: #372b2b;
}
.points span.no1 { padding-top: 8vw; height: 30vw; }
.points span.no2 {}
.points span.no3 {}

.shiny-btn8 {
  display: block;
  position: relative;
  width: 97%;
  padding: 3% 0;
  margin: 5% auto;
  background-color: #2279ff;
  box-shadow: 0 6px 0 0 rgb(22, 81, 172);
  border-radius: 12px;
  font-weight: bold;
  font-size: 5vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
}
.shiny-btn8 span { font-size: 8vw; line-height: 1; font-weight: bold; }
.shiny-btn8:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  -webkit-transform: translateY(3px);
}
.shiny-btn8::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn8 3s ease-in-out infinite;
}
a.shiny-btn8::after { content: "";

  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  text-align: left;
  left: 10px;
  top: 30px;
  z-index: 999;
  float: right;
  animation: pikopiko 1s steps(2, start) infinite;
}
    
.shiny-btn9 {
  display: block;
  position: relative;
  width: 97%;
  padding: 5% 0;
  margin: 5% auto;
  background-color: #ed4545;
  box-shadow: 0 6px 0 0 rgba(198, 39, 39, 1);
  border-radius: 12px;
  font-weight: bold;
  font-size: 5vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
}
.shiny-btn9 span { font-size: 8vw; font-weight: bold; }
.shiny-btn9:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  -webkit-transform: translateY(3px);
}
.shiny-btn9::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn9 3s ease-in-out infinite;
}
a.shiny-btn9::after { content: "";

  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 60px;
  display: block;
  position: absolute;
  text-align: right;
  right: -29px;
  top: 40px;
  z-index: 999;
  float: right;
  animation: rotate_anime 4s linear infinite;
}

#top-foot {
    margin-bottom: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    margin: 0px auto 0;
    padding: 1vw 0 0.5vw 0;
    line-height: 1;
    z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
  z-index: 99999;
}
#top-foot .inner { display: flex; justify-content: center; flex-wrap: wrap; }
#top-foot .inner div { width: 49%; }
#top-foot .inner div.telbox { width: 100%; margin-bottom: 1vw; }
#top-foot .inner .telbox h5 {font-size: 12px;text-align: center;text-decoration: none; line-height: 1.4; }
#top-foot .inner .telbox a h5 { text-decoration: none; }
#top-foot .inner .telbox a {display: block;padding: 1%;color: #2279FF;background-color: #fff;border-radius: 8px;width: 99%; border:#fff solid 2px; text-align: center; height: 10vw; margin: auto; }
#top-foot .inner .telbox p { font-size: 2vw; font-weight: bold; line-height: 1.2; padding: 0; margin: 0; display: inline-block; text-align: center; }
#top-foot .inner .telbox p .imp { font-size: 6vw; font-family: 'Bebas Neue', sans-serif; line-height: 0.9; letter-spacing: 1px; }
#top-foot .inner .telbox p .imp::before { content: "＼まずは無料相談／"; font-family: 'Noto Sans JP', sans-serif; line-height: 1; font-size: 2.5vw; display:inline-flex; vertical-align: middle; padding-top: 1vw; padding-right: 2vw;}
#top-foot .inner .mailbox { margin-right: 0.5%; height: 20vh; }
#top-foot .inner .mailbox a {display: flex; align-items: center; justify-content: center; padding: 1vw;color: #F04848;background-color: #fff;border-radius: 8px;width: 99%; border: #fff solid 2px; text-align: center; height: 100%; }
#top-foot .inner .mailbox p { font-size: 3.5vw; font-weight: bold; line-height: 1.2; padding: 0; margin: 0; display: inline-block; text-align: center; }
#top-foot .inner .mailbox p .imp { font-size: 6vw; }
#top-foot .inner .linebox {  }
#top-foot .inner .linebox a { font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 1vw;color: #fff;background-color: #1DCD00;border-radius: 8px;width: 99%; border:#1DCD00 solid 2px; text-align: center; height: 100%; }
#top-foot .inner .linebox p { font-size: 4.2vw; line-height: 1.7; padding: 0; margin: 0; display: inline-block; text-align: center; }
#top-foot .inner .linebox p .imp { font-size: 3.8vw; }
#top-foot .inner .linebox a .line { font-size:5vw; display:flex; align-items: flex-end; }
#top-foot .inner .linebox a .line::before { content: ""; background-image: url(../img/line.svg); background-repeat: no-repeat; background-size: contain; display: inline-block; width: 9vw; height: 9vw; margin-right: 2vw; }