@charset "UTF-8";

/*
 sp-size
========================================================== */

/* ==========================================================
 reseting
========================================================== */
*, *:before, *:after {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;font: inherit;word-wrap: break-word;border: 0;vertical-align: baseline;outline: none;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption　{ margin: 0; padding: 0;}
body {color: #222222;font-size: 3.4vw;font-family:  'Noto Sans JP', 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", sans-serif;font-weight: 400;font-style: normal;line-height: 1;position: relative;transition: all 0.3s ease;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object {max-width: 100%;height: auto;border: none;display: block;}
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr {height: 1px;padding: 0;margin: 6vw 0;border: 0;border-top: 1px solid #ccc;display: block;}
*:before, *:after { -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a {color: #222222;text-decoration: none;display: block;-moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);-o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);-webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
a:hover, label:hover { opacity: 0.8; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }

main {position: relative;}

.en, time {font-family: 'Manrope', sans-serif;font-weight: 400;font-style: normal;}
.min {font-family: 'Noto Serif JP', serif;font-weight: 400;font-style: normal;}

/* ==========================================================
 links
========================================================== */
.btn01 {margin: 20vw auto 0;width: 50vw;text-align: center;border: 2px solid #4d9b9d;color: #3ba3a5;font-size: 3.6vw;padding: 3vw 0;background: #fff;}

/* ==========================================================
 midashi
========================================================== */
.h_01 {margin: 0;}
.h_01 .en {display: block;text-align: center;font-size: 3.4vw;letter-spacing: 0.1em;position: relative;}
.h_01 .en:after {content: "";width: 38px;height: 3px;background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);position: absolute;left: 50%;bottom: -10px;transform: translate(-50%);}
.h_01 .jp {display: block;text-align: center;font-size: 5vw;margin-top: 8vw;}

/* ==========================================================
 header
========================================================== */
.header {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 21%);position: relative;z-index: 1;padding: 3vw 5vw;}
.header-logo {width: 37vw;}
.header-logo img {width: auto;}
.header-navi-btn {width: 7vw;height: 7vw;position: absolute;right: 5vw;top: 50%;transform: translate(0, -50%);}
.header-navi-btn .line {position: absolute;width: 100%;height: 2px;background: #49B5B1;transition: all 0.3s ease;}
.header-navi-btn .line-top {top: 20%;}
.header-navi-btn .line-mid {top: 50%;}
.header-navi-btn .line-btm {top: 80%;}
.header-navi {position: fixed;right: -50vw;top: 0;padding: 16vw 5vw;width: 50vw;height: 100vh;background: #fff;z-index: -1;transition: all 0.3s ease;}
.header-navi li {margin-bottom: 6vw;}
.header-navi li:last-child {margin-right: 0;}
.header-navi li a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: flex-end; }
.header-navi li img {margin-right: 2vw;width: 4vw;}

.header-navi-open {overflow: hidden;}
.header-navi-open .header-navi-btn .line-top {top: 50%;transform: rotate(35deg);}
.header-navi-open .header-navi-btn .line-mid {opacity: 0;}
.header-navi-open .header-navi-btn .line-btm {top: 50%;transform: rotate(-35deg);}
.header-navi-open .header-navi {right: 0;}

/* ==========================================================
 footer
========================================================== */
.footer {padding-top: 6vw;background: #fff;}
.footer-in {width: 100%;margin: 0 auto;position: relative;}
.footer-info {width: 100%; padding: 0 5vw;}
.footer-info .logo {width: 40vw; margin: 0 auto;}
.footer-txt {margin-top: 4vw;line-height: 1.5;font-size: 3.4vw;}
.footer-nav {display: none;}
.footer-sns {margin-top: 5vw; display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;align-items: flex-start;}
.footer-sns li {margin: 0 2vw;}
.footer-btm {margin-top: 7vw;background: whitesmoke;}
.footer-btm .footer-in {padding: 1vw 0;-webkit-justify-content: space-between;justify-content: space-between;}
.footer-btm .privacypolicy {display: none;}
.footer-btm .copyright {font-size: 3.4vw; text-align: center; padding: 3vw 0; color: #999999;}

/* ==========================================================
 footer-cv
========================================================== */
.footer-cv {padding: 8vw 0 6vw;background: url("../images/cv-bg.jpg") no-repeat center top;background-size: cover;}
.footer-cv-txt {text-align: center;font-size: 3.6vw;color: #fff;}
.footer-cv-h {text-align: center;font-size: 6vw;color: #fff;margin-top: 1vw;}
.footer-cv-btn {margin: 5vw auto 0;width: 50vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;font-size: 2.2vw;padding: 3vw 0;background: #fff;}
.footer-cv-btn img {margin-right: 1.4vw; width: 5vw;}

.fixed {position: fixed; right: 2vw; bottom: 2vw; width: 52vw;background: -webkit-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -o-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -ms-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -moz-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: linear-gradient(130deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);text-align: center;padding: 3vw 0;}
.fixed img {position: absolute;left: -26px;top: -30px;}
.fixed p {font-size: 4.4vw;color: #fff;}
.fixed span {display: block;font-size: 3.2vw;margin-bottom: 1vw;}

/* ==========================================================
 cv
========================================================== */
.cv {padding: 11vw 0 5vw;background: url("../images/cv-bg.jpg") no-repeat center top;background-size: cover;}
.cv-txt {text-align: center;font-size: 3.6vw;color: #fff;}
.cv-btn {margin: 6vw auto 0;width: 50vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;font-size: 3.4vw;padding: 4vw 0;background: #fff;}
.cv-btn img {margin-right: 1.4vw; width: 5vw;}

/* ==========================================================
 top
========================================================== */
.top-visual {position: relative;}
.top-visual img {width: 100%;}
.top-visual .scroll {position: absolute;left: 50%;bottom: 14vw;transform: translate(-50%);width: 8vw;}

.top-worry {margin: -14vw 0 20vw;position: relative;}
.top-worry .worry-in {width: 90%;margin: 10vw auto 0;}
.top-worry .worry-list li {margin: 0;width: 100%;text-align: center;font-size: 4vw;line-height: 1.66;padding: 5vw 0;background: url("../images/icon-dash.svg") no-repeat left 17vw top 4vw #EDF9F2;border-radius: 10px;position: relative;margin-bottom: 6vw;}
.top-worry .worry-list li:after {content: "";position: absolute;left: 50%;bottom: -14px;transform: translate(-50%);}
.top-worry .worry-list li:nth-child(even) {background-color: #E4F4F3;}
.top-worry .worry-list li:nth-child(1):after {border-top: 15px solid #edf9f2;border-left: 13px solid rgba(0,0,0,0);}
.top-worry .worry-list li:nth-child(2):after {border-top: 15px solid #E4F4F3;border-left: 13px solid rgba(0,0,0,0);}
.top-worry .worry-list li:nth-child(3):after {border-top: 15px solid #edf9f2;border-right: 13px solid rgba(0,0,0,0);}
.top-worry .worry-list li:nth-child(4):after {border-top: 15px solid #E4F4F3;border-right: 13px solid rgba(0,0,0,0);}
.top-worry .worry-txt {text-align: center;font-size: 6.2vw;margin-top: 10vw; line-height: 1.4;}

.top-result {margin-bottom: 10vw;position: relative;}
.top-result .result-ttl {width: 100%;position: absolute;left: 50%;top: -12vw;transform: translate(-50%);padding: 4vw 5vw;font-size: 5vw;line-height: 1.4;color: #fff;}
.top-result .result-ttl:after {content: "";background: url("../images/result-ttl.svg") no-repeat right top;background-size: auto 100%;width: 100%;height: 22vw;position: absolute;right: 0;top: 0;z-index: -1;}
.top-result .result-in {position: relative;width: 100%;margin: 0 auto;padding: 15vw   5vw;}
.top-result .result-in:after {content: "";position: absolute;left: 50%;top: 0;transform: translate(-50%);background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);width: 100%;height: 100%;opacity: 15%;z-index: -1;}
.top-result .result-top {margin-bottom: 4vw;}
.top-result .result-txt {line-height: 1.6;}
.top-result .result-list {margin: 4vw 0;counter-reset: number 0;}
.top-result .result-list li {margin-bottom: 6vw;padding-left: 10vw;text-indent: -10vw;line-height: 1.4;}
.top-result .result-list li:before {counter-increment: number 1;content: counter(number);margin-right: 7px;background: #16B2B5;border-radius: 100px;color: #fff;font-weight: bold;padding: 2.94px 9px;}
.top-result .result-list li:last-child {margin-bottom: 0;}
.top-result .result-btm {padding: 4vw 6vw 6vw;background: #fff;}
.top-result .result-btm dt {text-align: center;font-size: 3.6vw;position: relative;}
.top-result .result-btm dt:after {content: "";background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);position: absolute;left: 50%;bottom: -13px;transform: translate(-50%);width: 43vw;height: 3px;}
.top-result .result-btm dd {margin-top: 8vw;}
.top-result .result-btm-list {margin: 0;}
.top-result .result-btm-list li {font-size: 3.4vw;padding-left: 4vw;margin-bottom: 2.8vw;background: url("../images/icon-list.svg") no-repeat left center;line-height: 2;}
.top-result .result-btm-list li:last-child {margin: 0;}

.top-feature {margin-bottom: 10vw;}
.top-feature .feature-in {margin-top: 5vw;overflow: hidden;}
.top-feature .feature-inner {width: 100%;margin: 0 auto;position: relative;padding: 0 0 8vw;}
.top-feature .feature-label {font-weight: bold;padding: 2vw 0;display: inline-block;width: 30vw;text-align: center;color: #fff;background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%); margin: 3vw 3vw 0;}
.top-feature .feature-ttl {font-size: 4.2vw;line-height: 1.35;margin: 2vw 3vw 4vw;}
.top-feature .feature-txt {font-size: 3.6vw;line-height: 1.4;margin: 0 3vw;}
.top-feature .feature-wrap img {width: 100%;}
.top-feature .feature-wrap.feature02 {background: whitesmoke;}

.top-voice {padding: 10vw 0 12vw;background: url("../images/voice-bg.svg") no-repeat left -50vw top;background-size: 100%; overflow: hidden;}
.top-voice .voice-list {margin: 8vw auto 0;width: 90%;position: relative;}
.top-voice .voice-slide .slick-prev {opacity: 0;visibility: hidden;}
.top-voice .voice-slide .slick-next {margin: 0;right: 0;background: url("../images/slide-right.svg") no-repeat center top; background-size: auto 100%;}
.top-voice .voice-slide .item {width: 48vw;margin-right: 3vw;}
.top-voice .voice-slide img {margin-bottom: 4vw;}
.top-voice .voice-cat {margin: 0;}
.top-voice .voice-cat span {padding: 1vw 2vw;display: inline-block;margin-right: 2vw;background: #eaeaea;}
.top-voice .voice-ttl {font-size: 3.4vw;font-feature-settings: "palt";margin-top: 3vw;line-height: 1.5;}
.top-voice .voice-name {margin-top: 4vw;font-size: 3.2vw;}

.top-step {padding: 7vw 0 9vw;position: relative;margin-bottom: 10vw;}
.top-step:before {content: "";width: 100%;height: 100%;background: #eef9f1;position: absolute;top: 0;left: 45%;transform: translate(-50%);z-index: -1;}
.top-step .step-list {width: 90%;margin: 6vw auto 0;}
.top-step .step-wrap {width: 100%;background: #fff;}
.top-step .step-label {text-align: center;font-size: 3.6vw;font-weight: bold;padding: 3vw 0;color: #fff;}
.top-step .step-label span {margin: 0 0.2vw;}
.top-step .step-img {margin: 0 auto;}
.top-step .step-in {padding: 4vw 5vw;}
.top-step .step-in dt {text-align: center;font-size: 3.6vw;line-height: 1.4;}
.top-step .step-in dd {line-height: 1.4;margin-top: 2.5vw;}

.top-step .step-wrap:nth-child(1) .step-label {background: #88d8a3;}
.top-step .step-wrap:nth-child(2) .step-label {background: #72cca8;}
.top-step .step-wrap:nth-child(3) .step-label {background: #56bcae;}
.top-step .step-wrap:nth-child(4) .step-label {background: #48b5b0;}
.top-step .step-wrap:nth-child(5) .step-label {background: #17b2b6;}

.top-faq {margin-bottom: 10vw;}
.top-faq .faq-in {width: 90%;margin: 5vw auto 0;}
.top-faq .faq-wrap {margin-bottom: 5vw;}
.top-faq .faq-wrap:last-child {margin-bottom: 0;}
.top-faq .faq-wrap dt {position: relative;padding: 3vw 10vw 3vw 16vw;font-size: 4vw;background: url("../images/faq-q.svg") no-repeat left top;background-size: auto 100%;background-color: #e6f4f4;}
.top-faq .faq-wrap dt img {position: absolute;right: 3vw;top: 50%;transform: translate(0, -50%); width: 4vw;}
.top-faq .faq-wrap.active dt img {transform: rotate(180deg);}
.top-faq .faq-wrap dd {display: none;font-size: 3.2vw;padding: 2vw 8vw 0;line-height: 1.4;background: url("../images/icon-faq-a.svg") no-repeat left 2vw top 3vw; background-size: 3vw;}

.top-useful {padding: 10vw 0; margin-bottom: 10vw;background: url("../images/useful-bg.jpg") no-repeat right top;}
.top-useful .useful-cat-list {width: 90%;margin: 4vw auto 0;border: 1px solid #dddddd;padding: 3vw 5vw;background: #fff;}
.top-useful .useful-cat-list p {margin-bottom: 3vw;}
.top-useful .useful-cat-btn {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;}
.top-useful .useful-cat-btn li {margin-right: 2vw; margin-bottom: 2vw; background: #dddddd;}
.top-useful .useful-cat-btn li:hover {background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);}
.top-useful .useful-cat-btn a {padding: 0.9vw 2vw;font-size: 3.4vw;min-width: 14vw;text-align: center;}
.top-useful .useful-cat-btn li:hover a {color: #fff;}
.top-useful .useful-in {width: 90%;margin: 6vw auto 0;}
.top-useful .useful-in ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;}
.top-useful .useful-in li {position: relative;width: 48%; margin-right: 4%; margin-bottom: 4%;}
.top-useful .useful-in li:nth-child(2n) {margin-right: 0;}
.top-useful .useful-in li:nth-child(2n+1):nth-last-child(-n+2),
.top-useful .useful-in li:nth-child(2n+1):nth-last-child(-n+2) ~ li {margin-bottom: 0;}
.top-useful .useful-cat {position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);color: #fff;font-size: 18px;padding: 4px 23px;}
.top-useful .useful-img {margin: 0;}
.top-useful .useful-ttl {margin: 1vw 0;font-size: 3.4vw;line-height: 1.4;}
.top-useful .useful-date {margin-top: 2vw;color: #999999;}
.top-useful .useful-btn {margin: 7vw auto 0;}

/*
 pc-size
========================================================== */
@media screen and (min-width: 799px) {
  
  body {font-size: 1.35vw;background-size: 160%;background-position-y: 0.9vw;}

  .sp {display: none;}
  .pc {display: block;}

  /* ==========================================================
   links
  ========================================================== */
  .btn01 {margin: 15vw auto 0;width: 24vw;text-align: center;border: 2px solid #4d9b9d;color: #3ba3a5;font-size: 1.8vw;padding: 2vw 0;background: #fff;}

  /* ==========================================================
   midashi
  ========================================================== */
  .h_01 {margin: 0;}
  .h_01 .en {display: block;text-align: center;font-size: 1.2vw;letter-spacing: 0.1em;position: relative;}
  .h_01 .en:after {content: "";width: 38px;height: 3px;background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);position: absolute;left: 50%;bottom: -10px;transform: translate(-50%);}
  .h_01 .jp {display: block;text-align: center;font-size: 2.7vw;margin-top: 4vw;}

  /* ==========================================================
   header
  ========================================================== */
  .header {background: none;box-shadow: none;padding: 25px 22px;position: absolute;width: 100%;}
  .header-logo {width: 12vw;}
  .header-logo img {width: auto;}
  .header-navi-btn {display: none;}
  .header-navi {position: relative;right: auto;top: auto;padding: 0;width: auto;height: auto;background: none;z-index: 0;}
  .header-navi ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
  .header-navi li {margin-bottom: 0;font-size: 1.2vw;margin-left: 3vw;}
  .header-navi li:last-child {margin-right: 0;font-weight: bold;}
  .header-navi li a {color: #fff;}
  .header-navi li img {margin-right: 4px;width: auto;}

  /* ==========================================================
   footer
  ========================================================== */
  .footer {padding-top: 6vw;background: #fff;}
  .footer-in {width: 100%;margin: 0 auto;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;}
  .footer-info {width: 24vw;margin-right: 7vw;padding: 0;}
  .footer-info .logo {margin: 0;}
  .footer-txt {margin-top: 1vw;line-height: 1.5;font-size: 1.3vw;}
  .footer-nav {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;padding-top: 1vw;}
  .footer-nav ul {margin-right: 6vw;}
  .footer-nav ul:last-child {margin: 0;}
  .footer-nav li {font-size: 1.6vw;margin-bottom: 2vw;}
  .footer-nav li:last-child {margin: 0;}
  .footer-nav a {margin: 0;}
  .footer-sns {position: absolute;right: 6vw;top: 6px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;margin-top: 0;}
  .footer-sns li {margin: 0 0 0 1vw;}
  .footer-btm {margin-top: 7vw;background: whitesmoke;}
  .footer-btm .footer-in {padding: 1vw 0;-webkit-justify-content: space-between;justify-content: space-between;}
  .footer-btm .privacypolicy {font-size: 1vw;text-decoration: underline;color: #999;display: block;}
  .footer-btm .copyright {font-size: 1vw;color: #999999;padding: 0;}

  /* ==========================================================
   footer-cv
  ========================================================== */
  .footer-cv {padding: 8vw 0 6vw;background: url("../images/cv-bg.jpg") no-repeat center top;background-size: cover;}
  .footer-cv-txt {text-align: center;font-size: 2.6vw;color: #fff;}
  .footer-cv-h {text-align: center;font-size: 5vw;color: #fff;margin-top: 1vw;}
  .footer-cv-btn {margin: 5vw auto 0;width: 3.5vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;font-size: 2.2vw;padding: 3vw 0;background: #fff;}
  .footer-cv-btn img {margin-right: 1.4vw;}

  .fixed {position: fixed; right: 1vw; bottom: 1vw; width: 25vw;background: -webkit-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -o-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -ms-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -moz-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: linear-gradient(130deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);text-align: center;padding: 24px 0;}
  .fixed img {position: absolute;left: -26px;top: -30px;}
  .fixed p {font-size: 22px;color: #fff;}
  .fixed span {display: block;font-size: 12px;margin-bottom: 8px;}

  /* ==========================================================
   cv
  ========================================================== */
  .cv {padding: 11vw 0 5vw;background: url("../images/cv-bg.jpg") no-repeat center top;background-size: cover;}
  .cv-txt {text-align: center;font-size: 2.6vw;color: #fff;}
  .cv-btn {margin: 6vw auto 0;width: 35vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;font-size: 2.2vw;padding: 3vw 0;background: #fff;}
  .cv-btn img {margin-right: 1.4vw;width: auto;}

  /* ==========================================================
   top
  ========================================================== */

  .top-visual {position: relative;}
  .top-visual .scroll {position: absolute;left: 50%;bottom: 14vw;transform: translate(-50%);width: 8vw;}

  .top-worry {margin: -4vw 0 20vw;position: relative;}
  .top-worry .worry-in {width: 100%;margin: 55px auto 0;}
  .top-worry .worry-list {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
  .top-worry .worry-list li {margin: 0;width: 24%;text-align: center;font-size: 2vw;line-height: 1.66;padding: 5vw 0;background: url("../images/icon-dash.svg") no-repeat left 1.4vw top 4vw #EDF9F2;border-radius: 10px;position: relative;}
  .top-worry .worry-list li:after {content: "";position: absolute;left: 50%;bottom: -14px;transform: translate(-50%);}
  .top-worry .worry-list li:nth-child(even) {background-color: #E4F4F3;}
  .top-worry .worry-list li:nth-child(1):after {border-top: 15px solid #edf9f2;border-left: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-list li:nth-child(2):after {border-top: 15px solid #E4F4F3;border-left: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-list li:nth-child(3):after {border-top: 15px solid #edf9f2;border-right: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-list li:nth-child(4):after {border-top: 15px solid #E4F4F3;border-right: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-txt {text-align: center;font-size: 2.4vw;margin-top: 4vw; line-height: 1;}

  .top-result {margin-bottom: 10vw;position: relative;}
  .top-result .result-ttl {width: 100%;position: absolute;left: 50%;top: -12vw;transform: translate(-50%);padding: 4vw 5vw;font-size: 4.6vw;line-height: 1.4;color: #fff;}
  .top-result .result-ttl:after {content: "";background: url("../images/result-ttl.svg") no-repeat right top;width: 100%;height: 22vw;position: absolute;right: 0;top: 0;z-index: -1;}
  .top-result .result-in {position: relative;width: 100%;margin: 0 auto;padding: 15vw 5vw 10vw;}
  .top-result .result-in:after {content: "";position: absolute;left: 50%;top: 0;transform: translate(-50%);background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);width: 100%;height: 100%;opacity: 15%;z-index: -1;}
  .top-result .result-top {margin-bottom: 6vw;}
  .top-result .result-txt {line-height: 1.6;}
  .top-result .result-list {margin: 3vw 0;counter-reset: number 0;}
  .top-result .result-list li {margin-bottom: 2vw;padding-left: 0;text-indent: 0;line-height: 1;}
  .top-result .result-list li:before {counter-increment: number 1;content: counter(number);margin-right: 7px;background: #16B2B5;border-radius: 100px;color: #fff;font-weight: bold;padding: 2.94px 9px;}

  .top-result .result-list li:last-child {margin-bottom: 0;}
  .top-result .result-btm {padding: 4vw 6vw 6vw;background: #fff;}
  .top-result .result-btm dt {text-align: center;font-size: 2.4vw;position: relative;}
  .top-result .result-btm dt:after {content: "";background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);position: absolute;left: 50%;bottom: -13px;transform: translate(-50%);width: 43vw;height: 3px;}
  .top-result .result-btm dd {margin-top: 5vw;}
  .top-result .result-btm-list {margin: 0;}
  .top-result .result-btm-list li {font-size: 1.8vw;padding-left: 2vw;margin-bottom: 1.8vw;background: url("../images/icon-list.svg") no-repeat left center;}
  .top-result .result-btm-list li:last-child {margin: 0;}

  .top-feature {margin-bottom: 10vw;}
  .top-feature .feature-in {margin-top: 5vw;overflow: hidden;}
  .top-feature .feature-inner {width: 100%;margin: 0 auto;position: relative;padding: 4vw 0 4.5vw 15vw;}
  .top-feature .feature-label {font-weight: bold;padding: 4px 0;display: inline-block;width: 9vw;text-align: center;color: #fff;background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);margin: 0;}
  .top-feature .feature-ttl {font-size: 2.8vw;line-height: 1.35;margin: 1vw 0 2vw;}
  .top-feature .feature-txt {font-size: 1.5vw;line-height: 1.4;margin: 0;}
  .top-feature .feature-wrap img {position: absolute;top: 0;transform: translate(-50%);width: 50vw;}
  .top-feature .feature-wrap.feature01 {margin-bottom: 7vw;}
  .top-feature .feature-wrap.feature01 .feature-inner {background: url("../images/feature-bg01.svg") no-repeat left 0 top 4vw;background-size: 11vw;}
  .top-feature .feature-wrap.feature01 img {left: 85%;}
  .top-feature .feature-wrap.feature02 {background: whitesmoke;margin-bottom: 8vw;}
  .top-feature .feature-wrap.feature02 .feature-inner {padding: 3.2vw 0 3.2vw 45vw;background: url("../images/feature-bg02.svg") no-repeat right 4vw top 4vw;background-size: 11vw;}
  .top-feature .feature-wrap.feature02 img {left: 15%;}
  .top-feature .feature-wrap.feature03 .feature-inner {background: url("../images/feature-bg03.svg") no-repeat left 0 top 4vw;background-size: 11vw;}
  .top-feature .feature-wrap.feature03 img {left: 85%;}

  .top-voice {padding: 10vw 0 12vw;background: url("../images/voice-bg.svg") no-repeat left -50vw top;background-size: 100%;}
  .top-voice .voice-list {margin: 8vw auto 0;width: 100%;position: relative;}
  .top-voice .voice-slide {position: relative; right: -9vw;}
  .top-voice .voice-slide .slick-next { right: 10vw; }
  .top-voice .voice-slide .item {width: 22vw;margin-right: 3vw;}
  .top-voice .voice-slide img {margin-bottom: 2vw;}
  .top-voice .voice-cat {margin: 0;}
  .top-voice .voice-cat span {padding: 0.5vw 1vw;display: inline-block;margin-right: 0.8vw;background: #eaeaea;}
  .top-voice .voice-ttl {font-size: 1.4vw;font-feature-settings: "palt";margin-top: 1vw;line-height: 1.5;}
  .top-voice .voice-name {margin-top: 3vw;font-size: 1.1vw;}

  .top-step {padding: 7vw 0 9vw;position: relative;margin-bottom: 10vw;}
  .top-step:before {content: "";width: 100%;height: 100%;background: #eef9f1;position: absolute;top: 0;left: 45%;transform: translate(-50%);z-index: -1;}
  .top-step .step-list {width: 90%;margin: 6vw auto 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;position: relative;}
  .top-step .step-list:after {content: "";width: 100%;height: 3px;position: absolute;top: 2.3vw;z-index: -1;background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);}
  .top-step .step-wrap {width: 18%;height: 40vw;background: #fff;}
  .top-step .step-label {text-align: center;font-size: 1.8vw;font-weight: bold;padding: 1vw 0;color: #fff;}
  .top-step .step-label span {margin: 0 0.2vw;}
  .top-step .step-img {margin: 0;}
  .top-step .step-in {padding: 2vw 1.5vw 0;}
  .top-step .step-in dt {text-align: center;font-size: 1.6vw;line-height: 1.4;height: 5vw;}
  .top-step .step-in dd {line-height: 1.4;margin-top: 2.5vw;}

  .top-step .step-wrap:nth-child(1) .step-label {background: #88d8a3;}
  .top-step .step-wrap:nth-child(2) .step-label {background: #72cca8;}
  .top-step .step-wrap:nth-child(3) .step-label {background: #56bcae;}
  .top-step .step-wrap:nth-child(4) .step-label {background: #48b5b0;}
  .top-step .step-wrap:nth-child(5) .step-label {background: #17b2b6;}

  .top-faq {margin-bottom: 10vw;}
  .top-faq .faq-in {width: 90%;margin: 5vw auto 0;}
  .top-faq .faq-wrap {margin-bottom: 3vw;}
  .top-faq .faq-wrap:last-child {margin-bottom: 0;}
  .top-faq .faq-wrap dt {position: relative;padding: 2vw 0 2vw 14vw;font-size: 2.2vw;background: url("../images/faq-q.svg") no-repeat left top;background-size: auto 100%;background-color: #e6f4f4;}
  .top-faq .faq-wrap dt img {position: absolute;right: 3vw;top: 50%;transform: translate(0, -50%); width: auto;}
  .top-faq .faq-wrap.active dt img {margin: 0;}
  .top-faq .faq-wrap dd {display: none;font-size: 1.8vw;padding: 2vw 9vw 0;line-height: 1.4;background: url("../images/icon-faq-a.svg") no-repeat left 2vw top 3vw; background-size: 1.6vw;}

  .top-useful {padding: 10vw 0; margin-bottom: 10vw;background: url("../images/useful-bg.jpg") no-repeat right top;}
  .top-useful .useful-cat-list {width: 90%;margin: 4vw auto 0;border: 1px solid #dddddd;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;padding: 2vw 0 2vw 4vw;}
  .top-useful .useful-cat-list p {margin-right: 6vw;margin-bottom: 0;}
  .top-useful .useful-cat-btn {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
  .top-useful .useful-cat-btn li {margin-right: 2vw;margin-bottom: 0; background: #dddddd;}
  .top-useful .useful-cat-btn li:hover {background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);}
  .top-useful .useful-cat-btn a {padding: 0.9vw 2vw;font-size: 1.4vw;min-width: 11vw;text-align: center;}
  .top-useful .useful-cat-btn li:hover a {color: #fff;}
  .top-useful .useful-in {width: 90%;margin: 6vw auto 0;}
  .top-useful .useful-in ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;}
  .top-useful .useful-in li {position: relative;width: 32%; margin-right: 2%; margin-bottom: 4vw;}
  .top-useful .useful-in li:nth-child(2n) {margin-right: 2%;}
  .top-useful .useful-in li:nth-child(3n) {margin-right: 0;}
  .top-useful .useful-in li:nth-child(3n+1):nth-last-child(-n+3),
  .top-useful .useful-in li:nth-child(3n+1):nth-last-child(-n+3) ~ li {margin-bottom: 0;}
  .top-useful .useful-cat {position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);color: #fff;font-size: 18px;padding: 4px 23px;}
  .top-useful .useful-img {margin: 0;}
  .top-useful .useful-ttl {margin: 1vw 0;font-size: 1.8vw;line-height: 1.4;}
  .top-useful .useful-date {margin-top: 2vw;color: #999999;}
  .top-useful .useful-btn {margin: 7vw auto 0;}

}

/*
 pc-size
========================================================== */
@media screen and (min-width: 1199px) {
  
  body {font-size: 15px;background-size: auto;background-position-y: 0;}

  /* ==========================================================
   links
  ========================================================== */
  .btn01 {margin: 158px auto 0;width: 240px;text-align: center;border: 2px solid #4d9b9d;color: #3ba3a5;font-size: 18px;padding: 19px 0;background: #fff;}

  /* ==========================================================
   midashi
  ========================================================== */
  .h_01 {margin: 0;}
  .h_01 .en {display: block;text-align: center;font-size: 10px;letter-spacing: 0.1em;position: relative;}
  .h_01 .en:after {content: "";width: 38px;height: 3px;background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);position: absolute;left: 50%;bottom: -10px;transform: translate(-50%);}
  .h_01 .jp {display: block;text-align: center;font-size: 28px;margin-top: 37px;}

  /* ==========================================================
   header
  ========================================================== */
  .header {background: none;box-shadow: none;padding: 25px 22px;position: absolute;width: 100%;}
  .header-logo {width: 158px;}
  .header-logo img {width: auto;}
  .header-navi-btn {display: none;}
  .header-navi {position: relative;right: auto;top: auto;padding: 0;width: auto;height: auto;background: none;z-index: 0;}
  .header-navi ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
  .header-navi li {margin-bottom: 0;font-size: 16px;margin-left: 47px;}
  .header-navi li:last-child {margin-right: 0;font-weight: bold;}
  .header-navi li a {color: #fff;}
  .header-navi li img {margin-right: 4px;width: auto;}

  /* ==========================================================
   footer
  ========================================================== */
  .footer {padding-top: 60px;background: #fff;}
  .footer-in {width: 1200px;margin: 0 auto;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;}
  .footer-info {width: 279px;margin-right: 93px;}
  .footer-info .logo {margin: 0;}
  .footer-txt {margin-top: 17px;line-height: 1.5;font-size: 13px;}
  .footer-nav {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;padding-top: 11px;}
  .footer-nav ul {margin-right: 61px;}
  .footer-nav ul:last-child {margin: 0;}
  .footer-nav li {font-size: 16px;margin-bottom: 20px;}
  .footer-nav li:last-child {margin: 0;}
  .footer-nav a {margin: 0;}
  .footer-sns {position: absolute;right: 61px;top: 6px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;}
  .footer-sns li {margin: 0 0 0 10px;}
  .footer-btm {margin-top: 78px;background: whitesmoke;}
  .footer-btm .footer-in {padding: 16px 0;-webkit-justify-content: space-between;justify-content: space-between;}
  .footer-btm .privacypolicy {font-size: 12px;text-decoration: underline;color: #999;}
  .footer-btm .copyright {font-size: 12px;color: #999999;}

  /* ==========================================================
   footer-cv
  ========================================================== */
  .footer-cv {padding: 122px 0 97px;background: url("../images/cv-bg.jpg") no-repeat center top;}
  .footer-cv-txt {text-align: center;font-size: 28px;color: #fff;}
  .footer-cv-h {text-align: center;font-size: 60px;color: #fff;margin-top: 14px;}
  .footer-cv-btn {margin: 53px auto 0;width: 350px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;font-size: 22px;padding: 35px 0;background: #fff;}
  .footer-cv-btn img {margin-right: 14px;}

  .fixed {position: fixed; right: 10px; bottom: 10px; width: 245px;background: -webkit-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -o-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -ms-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: -moz-linear-gradient(320deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);background: linear-gradient(130deg, rgb(232, 239, 60) 0%, rgb(244, 178, 31) 100%);text-align: center;padding: 24px 0;}
  .fixed img {position: absolute;left: -26px;top: -30px;}
  .fixed p {font-size: 22px;color: #fff;}
  .fixed span {display: block;font-size: 12px;margin-bottom: 8px;}

  /* ==========================================================
   cv
  ========================================================== */
  .cv {padding: 178px 0 97px;background: url("../images/cv-bg.jpg") no-repeat center top;}
  .cv-txt {text-align: center;font-size: 26px;color: #fff;}
  .cv-btn {margin: 40px auto 0;width: 350px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;font-size: 22px;padding: 35px 0;background: #fff;}
  .cv-btn img {margin-right: 14px;}


  /* ==========================================================
   top
  ========================================================== */
  .top-visual {position: relative;}
  .top-visual .scroll { position: absolute; left: 50%; bottom: 264px; transform: translate(-50%); }

  .top-worry {margin: -48px 0 220px;position: relative;}
  .top-worry .worry-in {width: 1080px;margin: 55px auto 0;}
  .top-worry .worry-list {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
  .top-worry .worry-list li {margin: 0;width: 240px;text-align: center;font-size: 18px;line-height: 1.66;padding: 51px 0;background: url("../images/icon-dash.svg") no-repeat left 21px top 30px #EDF9F2;border-radius: 10px;position: relative;}
  .top-worry .worry-list li:after {content: "";position: absolute;left: 50%;bottom: -14px;transform: translate(-50%);}
  .top-worry .worry-list li:nth-child(even) {background-color: #E4F4F3;}
  .top-worry .worry-list li:nth-child(1):after {border-top: 15px solid #edf9f2;border-left: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-list li:nth-child(2):after {border-top: 15px solid #E4F4F3;border-left: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-list li:nth-child(3):after {border-top: 15px solid #edf9f2;border-right: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-list li:nth-child(4):after {border-top: 15px solid #E4F4F3;border-right: 13px solid rgba(0,0,0,0);}
  .top-worry .worry-txt {text-align: center;font-size: 24px;margin-top: 47px;}

  .top-result {margin-bottom: 102px;position: relative;}
  .top-result .result-ttl {width: 1080px;position: absolute;left: 50%;top: -120px;transform: translate(-50%);padding: 44px 0;font-size: 50px;line-height: 1.4;color: #fff;}
  .top-result .result-ttl:after {content: "";background: url("../images/result-ttl.svg") no-repeat right top;width: 1500px;height: 228px;position: absolute;right: 0;top: 0;z-index: -1;}
  .top-result .result-in {position: relative;width: 1080px;margin: 0 auto;padding: 167px 0 100px;}
  .top-result .result-in:after {content: "";position: absolute;left: 50%;top: 0;transform: translate(-50%);background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);width: 1520px;height: 100%;opacity: 15%;z-index: -1;}
  .top-result .result-top {margin-bottom: 63px;font-size: 18px;}
  .top-result .result-txt {line-height: 1.6;}
  .top-result .result-list {margin: 34px 0;counter-reset: number 0;}
  .top-result .result-list li {margin-bottom: 22px;}
  .top-result .result-list li:before {counter-increment: number 1;content: counter(number);margin-right: 7px;background: #16B2B5;border-radius: 100px;color: #fff;font-weight: bold;padding: 2.94px 9px;}
  .top-result .result-list li:last-child {margin-bottom: 0;}
  .top-result .result-btm {padding: 47px 65px 60px;background: #fff;}
  .top-result .result-btm dt {text-align: center;font-size: 24px;position: relative;}
  .top-result .result-btm dt:after {content: "";background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);position: absolute;left: 50%;bottom: -13px;transform: translate(-50%);width: 430px;height: 3px;}
  .top-result .result-btm dd {margin-top: 50px;}
  .top-result .result-btm-list {margin: 0;}
  .top-result .result-btm-list li {font-size: 18px;padding-left: 20px;margin-bottom: 18px;background: url("../images/icon-list.svg") no-repeat left center;}
  .top-result .result-btm-list li:last-child {margin: 0;}

  .top-feature {margin-bottom: 92px;}
  .top-feature .feature-in {margin-top: 52px;overflow: hidden;}
  .top-feature .feature-inner {width: 1520px;margin: 0 auto;position: relative;padding: 114px 0 126px 220px;}
  .top-feature .feature-label {font-weight: bold;padding: 4px 0;display: inline-block;width: 96px;text-align: center;color: #fff;background: -webkit-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -o-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -ms-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: -moz-linear-gradient(left, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);background: linear-gradient(to right, rgb(136, 216, 163) 0%, rgb(73, 181, 177) 100%);}
  .top-feature .feature-ttl {font-size: 40px;line-height: 1.35;margin: 11px 0 29px;}
  .top-feature .feature-txt {font-size: 18px;line-height: 1.4;}
  .top-feature .feature-wrap img {position: absolute;top: 0;transform: translate(-50%);width: auto;}
  .top-feature .feature-wrap.feature01 {margin-bottom: 74px;}
  .top-feature .feature-wrap.feature01 .feature-inner {background: url("../images/feature-bg01.svg") no-repeat left 4px top 108px;}
  .top-feature .feature-wrap.feature01 img {left: 85%;}
  .top-feature .feature-wrap.feature02 {background: whitesmoke;margin-bottom: 88px;}
  .top-feature .feature-wrap.feature02 .feature-inner {padding: 100px 0 114px 778px;background: url("../images/feature-bg02.svg") no-repeat right 28px top 108px;}
  .top-feature .feature-wrap.feature02 img {left: 15%;}
  .top-feature .feature-wrap.feature03 .feature-inner {background: url("../images/feature-bg03.svg") no-repeat left 4px top 108px;}
  .top-feature .feature-wrap.feature03 img {left: 85%;}

  .top-voice {padding: 102px 0 127px;background: url("../images/voice-bg.svg") no-repeat left -505px top;}
  .top-voice .voice-list {margin: 87px auto 0;position: relative;}
  .top-voice .voice-slide {right: -200px;}
  .top-voice .voice-slide .slick-next { right: 360px; }
  .top-voice .voice-slide .item {width: 340px;margin-right: 53px;}
  .top-voice .voice-slide img {margin-bottom: 20px;}
  .top-voice .voice-cat {margin: 0;}
  .top-voice .voice-cat span {padding: 5px 11px;display: inline-block;margin-right: 8px;background: #eaeaea;}
  .top-voice .voice-ttl {font-size: 18px;font-feature-settings: "palt";margin-top: 18px;line-height: 1.5;}
  .top-voice .voice-name {margin-top: 53px;font-size: 16px;}

  .top-step {padding: 72px 0 98px;position: relative;margin-bottom: 104px;}
  .top-step:before {content: "";width: 1712px;height: 100%;background: #eef9f1;position: absolute;top: 0;left: 45%;transform: translate(-50%);z-index: -1;}
  .top-step .step-list {width: 1080px;margin: 67px auto 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;position: relative;}
  .top-step .step-list:after {content: "";width: 100%;height: 3px;position: absolute;top: 23px;z-index: -1;background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);}
  .top-step .step-wrap {width: 196px;height: 426px;background: #fff;}
  .top-step .step-label {text-align: center;font-size: 18px;font-weight: bold;padding: 16px 0;color: #fff;}
  .top-step .step-label span {margin: 0 2px;}
  .top-step .step-img {margin: 0;}
  .top-step .step-in {padding: 20px 24px 0;}
  .top-step .step-in dt {text-align: center;font-size: 18px;line-height: 1.4;height: 50px;}
  .top-step .step-in dd {line-height: 1.4;margin-top: 25px;}

  .top-step .step-wrap:nth-child(1) .step-label {background: #88d8a3;}
  .top-step .step-wrap:nth-child(2) .step-label {background: #72cca8;}
  .top-step .step-wrap:nth-child(3) .step-label {background: #56bcae;}
  .top-step .step-wrap:nth-child(4) .step-label {background: #48b5b0;}
  .top-step .step-wrap:nth-child(5) .step-label {background: #17b2b6;}

  .top-faq {margin-bottom: 101px;}
  .top-faq .faq-in {width: 1080px;margin: 54px auto 0;}
  .top-faq .faq-wrap {margin-bottom: 39px;}
  .top-faq .faq-wrap:last-child {margin-bottom: 0;}
  .top-faq .faq-wrap dt {position: relative;padding: 27px 0 27px 146px;font-size: 22px;background: url("../images/faq-q.svg") no-repeat left top;background-color: #e6f4f4;}
  .top-faq .faq-wrap dt img {position: absolute;right: 30px;top: 50%;transform: translate(0, -50%);}
  .top-faq .faq-wrap.active dt img {margin: 0;}
  .top-faq .faq-wrap dd {display: none;font-size: 18px;padding: 27px 95px 0;line-height: 1.4;background: url("../images/icon-faq-a.svg") no-repeat left 26px top 30px;}

  .top-useful {padding: 102px 0 100px; margin-bottom: 100px;background: url("../images/useful-bg.jpg") no-repeat right top;}
  .top-useful .useful-cat-list {width: 1080px;margin: 42px auto 0;border: 1px solid #dddddd;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;padding: 29px 0 29px 40px;}
  .top-useful .useful-cat-list p {margin-right: 62px;font-size: 18px;}
  .top-useful .useful-cat-btn {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
  .top-useful .useful-cat-btn li {margin-right: 20px;background: #dddddd;}
  .top-useful .useful-cat-btn li:hover {background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);}
  .top-useful .useful-cat-btn a {padding: 9px 20px;font-size: 18px;min-width: 140px;text-align: center;}
  .top-useful .useful-cat-btn li:hover a {color: #fff;}
  .top-useful .useful-in {width: 1080px;margin: 60px auto 0;}
  .top-useful .useful-in ul {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: flex-start;}
  .top-useful .useful-in li {position: relative;width: 320px;margin-right: 60px; margin-bottom: 64px;}
  .top-useful .useful-in li:nth-child(2n) {margin-right: 60px;}
  .top-useful .useful-in li:nth-child(3n) {margin-right: 0;}
  .top-useful .useful-in li:nth-child(3n+1):nth-last-child(-n+3),
  .top-useful .useful-in li:nth-child(3n+1):nth-last-child(-n+3) ~ li {margin-bottom: 0;}
  .top-useful .useful-cat {position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -o-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -ms-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: -moz-linear-gradient(left, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);background: linear-gradient(to right, rgb(135, 215, 162) 0%, rgb(136, 216, 163) 10%, rgb(23, 178, 182) 89%, rgb(23, 178, 182) 100%);color: #fff;font-size: 16px;padding: 4px 23px;}
  .top-useful .useful-img {margin: 0;}
  .top-useful .useful-ttl {margin: 17px 0;font-size: 18px;line-height: 1.4;}
  .top-useful .useful-date {margin-top: 27px;color: #999999;}
  .top-useful .useful-btn {margin: 79px auto 0;}

}

/*
 pc-size
========================================================== */
@media screen and (min-width: 1255px) {


}