@charset "euc-jp";
@import"https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:500&display=swap";
@import"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

audio:not([controls]) {
  display: none
}

button {
  overflow: visible
}

details {
  display: block
}

input[type=number] {
  width: auto
}

input[type=search] {
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

main {
  display: block
}

summary {
  display: block
}

pre {
  overflow: auto
}

progress {
  display: inline-block
}

small {
  font-size: 75%
}

template {
  display: none
}

textarea {
  overflow: auto
}

[hidden] {
  display: none
}

*,
:before,
:after {
  box-sizing: inherit
}

* {
  font-size: inherit;
  line-height: inherit
}

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  margin: 0;
  padding: 0
}

:root {
  box-sizing: border-box;
  cursor: default;
  font: 100%/1.5 sans-serif;
  text-rendering: optimizeLegibility
}

html {
  background-color: #FFF;
  color: #000
}

a {
  text-decoration: none
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

nav ol,
nav ul {
  list-style: none
}

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

::selection {
  background-color: #b3d4fc;
  color: #4c2b03;
  text-shadow: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute
}

[hidden][aria-hidden=false]:focus {
  clip: auto
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff
}

body {
  overflow-x: hidden;
  height: 100%;
  color: #333;
  background: #fff;
  word-wrap: break-word;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Yu Gothic, YuGothic, "?ｪR?ｫ1?｢n?ｪB?ｪP?｡ｭ ProN W3", Hiragino Kaku Gothic ProN, Arial, "?ｫ!?｢p?ｫ4?｢l", Meiryo, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%
}

address {
  font-style: normal
}

p {
  margin-top: 1rem
}

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

.js-accordionBtn {
  cursor: pointer
}

.js-accordionBtn:after {
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: '\f055';
  font-size: 2em
}

.js-accordionBtn.is-active:after {
  content: '\f056';
  animation: active .3s linear 0s
}

.js-accordionPanel {
  display: none
}

.js-accordionPanel.is-active {
  animation: accordionActive .7s linear 0s;
  display: -ms-flexbox;
  display: flex
}

@keyframes accordionActive {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.p-faqList {
  list-style-type: none
}

.p-faqList__item {
  margin-top: 30px;
  border-bottom: 1px solid #CCC;
  background: #FFF
}

.p-faqList__body {
  padding: 20px
}

.p-faqList__body:before {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #FFF
}

.p-faqList__body.-question {
  display: -ms-flexbox;
  display: flex;
  font-weight: 700
}

.p-faqList__body.-answer {
  border-top: 2px dotted #33a19c
}

.p-faqList__body.-answer:is-active {
  display: -ms-flexbox;
  display: flex
}

.p-faqList__text {
  width: calc(100% - 2rem);
  padding-left: 20px
}

.p-faqList .ico {
  display: inline-block;
  width: 42px
}

.l-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 30px
}

.l-header {
  width: 100%;
  background: #FFF;
  padding: 8px 0
}

.l-header__inner {
  position: relative;
  width: 960px;
  margin: 0 auto
}

.l-header .header__brand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.l-header .header-logo {
  width: 243px;
  margin-top: 0
}

.l-header .header-desc {
  margin-left: 20px;
  font-size: 20px;
  font-weight: 700
}

.l-header .quocard-pc {
  z-index: 999;
  position: absolute;
  top: -8px;
  right: 0
}

.quocard-sp {
  display: none
}

.hero {
  position: relative;
  width: 100%;
  padding: 20px 0 0;
  background: #33a19c
}

.hero__inner {
  width: 960px;
  margin: 0 auto
}

.hero__inner .pc {
  display: block
}

.hero__inner .sp {
  display: none
}

.hero__btn {
  position: relative;
  top: -40px;
  text-align: center
}

.hero__btn>a {
  width: 552px;
  display: inline-block
}

.section {
  width: 100%;
  padding: 80px 0
}

.section__ttl {
  z-index: 2;
  position: relative;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 46px;
  color: #33a19c;
  text-align: center;
  font-weight: 400
}

.section__ttl:before {
  z-index: -1;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  display: inline-block;
  content: '';
  width: 593px;
  height: 16px;
  background-color: #ffff5a
}

.section__ttl.-non:before {
  display: none
}

.section__ttl.-spnon:before {
  display: none
}

.section__ttl.-rev {
  color: #FFF
}

.section__ttl.-rev:before {
  display: none
}

.section__lead {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center
}

.section__lead.-rev {
  color: inherit
}

.section__footer {
  margin-top: 40px;
  text-align: center
}

.signup-btn {
  width: 552px;
  display: inline-block
}

.feature__list {
  margin-top: 60px;
  list-style-type: none
}

.feature__item {
  position: relative
}

.feature__item.-point01 {
  padding: 40px 0;
  padding-left: 350px;
  background-image: url(../images/point01.svg);
  background-repeat: no-repeat;
  background-position: top 0 left 200px;
  background-size: 199px 185px
}

.feature__item.-point01>.point-ttl {
  width: 542px
}

.feature__item.-point01:before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 87px;
  height: 149px;
  content: url(../images/point01-ill.svg)
}

.feature__item.-point02 {
  padding: 40px 280px 40px 60px;
  background-image: url(../images/point02.svg);
  background-repeat: no-repeat;
  background-position: top 0 right 107px;
  background-size: 210px 176px
}

.feature__item.-point02>.point-ttl {
  width: 564px
}

.feature__item.-point02:before {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 86px;
  height: 158px;
  content: url(../images/point02-ill.svg)
}

.feature__item.-point03 {
  padding: 40px 0 40px 362px;
  background-image: url(../images/point03.svg);
  background-repeat: no-repeat;
  background-position: top 0 left 200px;
  background-size: 205px 203px
}

.feature__item.-point03>.point-ttl {
  width: 530px
}

.feature__item.-point03:before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 105px;
  height: 143px;
  content: url(../images/point03-ill.svg)
}

.feature__item.-point04 {
  padding: 40px 288px 40px 68px;
  background-image: url(../images/point04.svg);
  background-repeat: no-repeat;
  background-position: top 0 right 15%;
  background-size: 205px 203px
}

.feature__item.-point04>.point-ttl {
  width: 516px
}

.feature__item.-point04:before {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 89px;
  height: 108px;
  content: url(../images/point04-ill.svg)
}

.feature__item.-point05 {
  padding: 40px 0 40px 356px;
  background-image: url(../images/point05.svg);
  background-repeat: no-repeat;
  background-size: 210px 176px;
  background-position: top 0 left 176px
}

.feature__item.-point05>.point-ttl {
  width: 451px
}

.feature__item.-point05:before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 94px;
  height: 112px;
  content: url(../images/point05-ill.svg)
}

.feature-note {
  margin-top: 50px;
  padding: 30px;
  border: 3px solid #33a19c
}

.feature-note__ttl {
  margin-top: 0;
  font-size: 30px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  text-align: center;
  color: #33a19c
}

.feature-note__lead {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center
}

.feature-note__lead>span {
  display: block
}

.feature-note__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px
}

.feature-note__illust {
  width: 426px
}

.feature-note__list {
  width: 367px;
  list-style-type: none
}

.feature-note__list>li {
  z-index: 2;
  position: relative;
  margin-top: 20px;
  padding-left: 10px
}

.feature-note__list>li>strong {
  font-size: 1.125em;
  font-weight: 700
}

.feature-note__list>li:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 0;
  border-color: #ffff5a transparent transparent
}

.result {
  background: #efefef
}

.result__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
  list-style-type: none
}

.result__item {
  width: 19%;
  margin-bottom: 10px
}

.adviser__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 50px 0
}

.adviser__item:nth-child(1):after {
  position: absolute;
  left: 60%;
  content: url("../images/adviser-ill.svg");
  width: 91px;
  height: 338px
}

.adviser__item:nth-child(2) {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.adviser__item:nth-child(2):after {
  position: absolute;
  left: 30%;
  content: url("../images/adviser-ill02.svg");
  width: 72px;
  height: 354px
}

.adviser__body {
  width: 50%
}

.adviser__pic {
  padding-left: 50px;
  margin-top: auto
}

.adviser__pic.-rev {
  padding-left: 0;
  padding-right: 50px
}

.adviser__ttl {
  font-size: 1.75rem;
  font-weight: 700;
  color: #33a19c
}

.adviser__ttl>span {
  display: block
}

.adviser__txt {
  line-height: 2
}

.flow {
  background: #33a19c
}

.flow__list {
  margin-top: 30px;
  list-style-type: none
}

.flow__item {
  position: relative;
  margin-bottom: 50px;
  padding: 25px;
  background: #FFF;
  border: 2px solid #333
}

.flow__item:last-child {
  margin-bottom: 0
}

.flow__item:after {
  position: absolute;
  bottom: -42px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 15px 0;
  border-color: #333 transparent transparent
}

.flow__item:last-child:after {
  display: none
}

.flow__item>.step {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 36px;
  margin-top: 0;
  width: 96px
}

.flow__item>.step--01 {
  width: 96px
}

.flow__item>.step--02 {
  width: 94px
}

.flow__item>.step--03 {
  width: 95px
}

.flow__body {
  position: relative;
  padding-left: 20%
}

.flow__ttl {
  font-size: 30px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #33a19c
}

.flow__txt {
  margin-top: 0
}

.flow__txt .pc-block {
  display: block
}

.flow__txt .block {
  display: block
}

.flow__btn {
  position: absolute;
  top: 30%;
  right: 0;
  width: 238px
}

.tab__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none
}

.tab__item {
  position: relative;
  width: 25%;
  padding: 1rem 4px;
  border: 1px solid #33a19c;
  border-bottom: 3px solid #33a19c;
  text-align: center
}

.tab__item.-active {
  background: #33a19c;
  color: #FFF
}

.tab__item:after {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  content: url(../images/tab-arrow.svg);
  width: 32px;
  height: 32px
}

.tab__panel {
  padding: 1rem 0;
  background: #FFF
}

.js-tabBtn {
  cursor: pointer
}

.js-tabBtn.is-active {
  animation: active .3s linear 0s;
  background: #33a19c;
  color: #FFF
}

.js-tabPanel {
  display: none
}

.js-tabPanel.is-active {
  animation: tabActive .3s linear 0s;
  display: block
}

@keyframes tabActive {
  from {
    opacity: 0;
    background-color: #f6f6f6
  }

  to {
    opacity: 1;
    background-color: #fff
  }
}

.experience__body {
  width: 760px;
  margin: 30px auto 0
}

.experience__wrap {
  padding: 40px 0;
  border-bottom: 3px solid #33a19c
}

.experience__ttl {
  width: 582px;
  margin: 0 auto;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: #33a19c
}

.experience__ttl:after {
  position: relative;
  top: -20px;
  content: url("../images/experience-ill.svg")
}

.experience__ttl>span {
  display: block
}

.experience__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.experience__pic {
  position: relative
}

.experience__pic>.box {
  position: absolute;
  top: 30%;
  right: -30px;
  border: 3px solid #33a19c;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #33a19c;
  width: 140px;
  text-align: center;
  padding: 10px;
  background: #FFF
}

.experience__pic>.box>p {
  margin-top: 0
}

.experience__pic>.box>.age>strong {
  font-size: 1.4em
}

.experience-main {
  width: 474px
}

.experience-main__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.experience-main__head>.name {
  font-size: 36px;
  font-weight: 700
}

.experience-main__head>.name>span {
  font-size: .6em
}

.experience-main__head>.tag {
  height: 30px;
  line-height: 30px;
  margin-left: auto;
  padding: 0 15px;
  border-radius: 15px;
  background: #33a19c;
  color: #FFF
}

.history {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray
}

.history tr th {
  background: gray;
  color: #FFF;
  border-bottom: 2px dotted #FFF;
  padding: 5px;
  text-align: center
}

.history tr td {
  border-bottom: 2px dotted gray;
  padding: 5px;
  text-align: center
}

.history tr:nth-child(2) th,
.history tr:nth-child(2) td {
  border: none
}

.ex-main-sp {
  display: none
}

.ex-main-sp__pic {
  width: 38%
}

.ex-main-sp__body {
  width: calc(100% - 38%);
  padding-left: 10px
}

.ex-main-sp__body .name {
  font-size: 2.1em;
  font-weight: 700
}

.ex-main-sp__body .name>span {
  font-size: .6em
}

.ex-main-sp__body .tag {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: #33a19c;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  padding: 0 15px
}

.ex-main-sp__body .cat {
  margin-top: 10px
}

.ex-main-sp__body .cat dt {
  background: gray;
  color: #FFF;
  text-align: center;
  padding: 2px 0
}

.ex-main-sp__body .cat dd {
  padding: 2px 0;
  text-align: center
}

.ex-main-sp__body .cat dd:last-child {
  border-bottom: 2px solid gray
}

.faq {
  background: #33a19c
}

.news {
  width: 100%;
  padding: 80px 0
}

.news__inner {
  width: 758px;
  margin: 0 auto
}

.news__box {
  padding: 30px;
  border: 6px solid #CCC
}

.news__ttl {
  color: #33a19c;
  font-size: 28px;
  font-weight: 700;
  text-align: center
}

.news__txt {
  font-weight: 700;
  text-align: center;
  margin-top: 1em
}

.news__table {
  border-top: 1px solid gray;
  margin-top: 30px;
  width: 100%
}

.news__table tr {
  border-bottom: 1px dotted gray
}

.news__table tr:last-child {
  border-bottom: 1px solid gray
}

.news__table th {
  padding: 10px;
  background: #e6e6e6;
  font-weight: 700;
  text-align: left
}

.news__table td {
  padding: 10px
}

.l-footer {
  width: 100%;
  border-top: 5px solid #333
}

.l-footer .footer-box {
  width: 100%;
  display: -ms-flexbox;
  display: flex
}

.l-footer .footer-box .txt {
  width: 50%
}

.l-footer .logo-box {
  margin-left: auto;
  width: 40%;
  display: -ms-flexbox;
  display: flex
}

.l-footer .logo-box .logo__if {
  margin-right: 10px;
  width: 210px
}

.l-footer .logo-box .logo__privacy {
  width: 78px
}

.l-footer .copyright {
  margin-top: 60px;
  padding-bottom: 20px;
  text-align: center
}

.contact__ttl {
  position: relative;
  top: -80px
}

#contact {
  margin-top: 80px;
  background: #f2f2e6;
  padding-bottom: 80px;
  font-size: 16px
}

#contact form {
  position: relative
}

#contact form div.form_group {
  width: 100%;
  margin-bottom: 40px
}

#contact form div.form_group:after,
#contact form div.form_group2:after {
  content: "";
  clear: both;
  display: block
}

#contact form div.form_group p.label,
#contact form div.form_group2 p.label {
  float: left;
  text-align: right;
  width: 250px;
  font-size: 16px;
  padding-right: 20px;
  line-height: 27px
}

#contact form div.form_group p.input_group {
  float: left;
  width: 650px
}

#contact form div.form_group2 p.input_group {
  float: left;
  width: 330px
}

#contact form div.form_group p.input_group span.attention,
#contact form div.form_group2 p.input_group span.attention {
  color: #555;
  display: inline-block;
  margin: 10px 0 5px
}

#contact p.error {
  display: block;
  color: #fb0404;
  margin-top: 10px;
  margin-left: 28%;
  display: inline-block;
}

#personForm>div:nth-child(1)>p:nth-child(4) {
  margin-left: 8%;
}

#contact span.fnote {
  display: block;
  color: #fb0404;
  margin-top: 10px
}

#contact form input {
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 40%
}

#contact form select {
  font-size: 18px
}

#contact form #handi_content {
  background: #fff;
  padding: 10px;
  box-sizing: border-box
}

#contact form #handi_content input[type=checkbox] {
  width: 27px;
  height: 27px
}

#contact span.agrees {
  background-color: #ffdede;
  padding: 5px
}

#handi_content label {
  display: inline-block
}

#contact span.require {
  background-color: #fb0404;
  color: #fff;
  padding: 5px
}

#contact span.notrequire {
  background-color: #fff;
  color: #fb0404;
  padding: 5px
}

#contact .input_group label {
  display: inline-block
}

#contact form .form-btn {
  width: 552px;
  display: inline-block
}

@media screen and (max-width:767px) {
  body {
    font-size: 10px
  }

  .p-faqList__item {
    margin-top: 15px
  }

  .p-faqList__body {
    padding: 12px
  }

  .p-faqList__text br {
    display: none
  }

  .p-faqList .ico {
    width: 20px
  }

  .l-inner {
    width: 100%;
    padding: 0 10px
  }

  .l-header__inner {
    width: 100%;
    padding: 0 10px
  }

  .l-header .header-logo {
    width: 28%
  }

  .l-header .header-desc {
    font-size: .9em
  }

  .l-header .quocard-pc {
    display: none
  }

  .quocard-sp {
    display: block;
    position: relative;
    width: 100vw
  }

  .hero {
    height: 100vh
  }

  .hero__inner {
    width: 100%
  }

  .hero__inner .pc {
    display: none
  }

  .hero__inner .sp {
    display: block
  }

  .hero__btn {
    display: none
  }

  .section {
    padding: 30px 0
  }

  .section__ttl {
    font-size: 2.3em;
    line-height: 1.2
  }

  .section__ttl>.block {
    display: block
  }

  .section__ttl:before {
    width: 100%;
    height: 6px;
    bottom: 0
  }

  .section__ttl .spline {
    display: inline-block;
    border-bottom: 4px solid #ffff5a
  }

  .section__lead {
    font-size: 1em
  }

  .section__lead .block {
    display: block
  }

  .section__lead br {
    display: none
  }

  .section__footer {
    margin-top: 25px
  }

  .signup-btn {
    width: 100%
  }

  .feature__list {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 30px
  }

  .feature__item.-point01 {
    padding: 30px 0 10px;
    background-position: top 0 left -4.68%;
    background-size: 28%
  }

  .feature__item.-point01>.point-ttl {
    margin-left: 15%;
    width: 76%
  }

  .feature__item.-point01:before {
    display: none
  }

  .feature__item.-point01 .point__txt {
    padding: 0 10px
  }

  .feature__item.-point02 {
    padding: 30px 0 10px;
    background-position: top 0 left -4.68%;
    background-size: 28%
  }

  .feature__item.-point02>.point-ttl {
    width: 79%;
    margin-left: 15%;
    padding-right: 10px
  }

  .feature__item.-point02:before {
    display: none
  }

  .feature__item.-point02 .point__txt {
    padding: 0 10px;
    margin-top: 0
  }

  .feature__item.-point03 {
    padding: 30px 0 10px;
    background-position: top 0 left -3.1%;
    background-size: 28%
  }

  .feature__item.-point03>.point-ttl {
    margin-left: 15%;
    width: 75%
  }

  .feature__item.-point03:before {
    display: none
  }

  .feature__item.-point03 .point__txt {
    padding: 0 10px;
    margin-top: 5%
  }

  .feature__item.-point04 {
    padding: 30px 0 10px;
    background-position: top 0 left -2.5%;
    background-size: 25%
  }

  .feature__item.-point04>.point-ttl {
    margin-left: 70px;
    width: 72%
  }

  .feature__item.-point04:before {
    display: none
  }

  .feature__item.-point04 .point__txt {
    padding: 0 10px;
    margin-top: 5%
  }

  .feature__item.-point05 {
    padding: 30px 0 10px;
    background-position: top 0 left -4.68%;
    background-size: 29.6%
  }

  .feature__item.-point05>.point-ttl {
    width: 63%;
    margin-left: 70px
  }

  .feature__item.-point05:before {
    display: none
  }

  .feature__item.-point05 .point__txt {
    padding: 0 10px;
    margin-top: 8%
  }

  .feature-note {
    padding: 10px 10px 20px
  }

  .feature-note>.box {
    background-image: url(../images/feature-ill.svg);
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-size: 50%
  }

  .feature-note__ttl {
    font-size: 1.7em;
    text-align: left
  }

  .feature-note__ttl>span {
    display: block
  }

  .feature-note__lead {
    font-size: 1em;
    text-align: left
  }

  .feature-note__lead .block {
    display: block
  }

  .feature-note__body {
    display: block
  }

  .feature-note__illust {
    display: none
  }

  .feature-note__list {
    width: 100%
  }

  .result__item {
    width: 32%
  }

  .result__item:last-child {
    display: none
  }

  .adviser__list {
    width: 100vw;
    margin-left: calc(50% - 50vw)
  }

  .adviser__item {
    padding: 20px 0
  }

  .adviser__item:nth-child(1):after {
    width: 46px;
    height: 169px;
    top: 23%
  }

  .adviser__item:nth-child(2) {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .adviser__item:nth-child(2):after {
    left: 60%;
    content: url("../images/adviser-ill.svg");
    width: 46px;
    height: 169px;
    top: 23%
  }

  .adviser__body {
    width: 56%;
    padding-left: 10px
  }

  .adviser__pic {
    padding-left: 10px
  }

  .adviser__pic.-rev {
    padding-right: 0;
    padding-left: 10px
  }

  .adviser__ttl {
    font-size: 14px;
    width: 100vw
  }

  .adviser__txt {
    line-height: 1.7;
    margin-top: 0
  }

  .flow__item {
    padding: 15px;
    margin-bottom: 28px
  }

  .flow__item:after {
    border-style: solid;
    border-width: 15px 9.5px 0;
    bottom: -25px
  }

  .flow__item>.step {
    top: 15px;
    left: 20px;
    transform: inherit;
    width: 42px
  }

  .flow__body {
    padding-left: 60px
  }

  .flow__ttl {
    font-size: 1.8em
  }

  .flow__txt {
    width: 100vw;
    margin-top: 10px;
    margin-left: calc(50% - 50vw);
    padding-right: 30%
  }

  .flow__txt .pc-block {
    display: inline
  }

  .flow__btn {
    position: relative;
    margin-top: 10px;
    margin-left: calc(50% - 50vw);
    width: inherit
  }

  .tab__item {
    padding: 0;
    height: 50px
  }

  .tab__item .block {
    display: block
  }

  .tab__item .txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center
  }

  .tab__item:after {
    width: 20%;
    height: 20%;
    bottom: 0
  }

  .experience__body {
    width: 100%
  }

  .experience__wrap {
    padding-top: 0
  }

  .experience__ttl {
    width: 100%;
    font-size: 1.4em
  }

  .experience__ttl:after {
    top: -10px
  }

  .experience__pic.-pc {
    display: none
  }

  .experience-main {
    width: 100%
  }

  .experience-main__head {
    display: none
  }

  .experience-main__head>.tag {
    display: inline-block;
    margin-top: 0;
    height: 20px;
    line-height: 20px
  }

  .history {
    display: none
  }

  .ex-main-sp {
    display: -ms-flexbox;
    display: flex
  }

  .news {
    padding: 30px 0
  }

  .news__inner {
    width: 100%;
    padding: 0 10px
  }

  .news__box {
    padding: 10px 10px 20px
  }

  .news__ttl {
    font-size: 1.5em;
    margin-top: 0
  }

  .news__txt .block {
    display: block
  }

  .news__table {
    margin-top: 10px
  }

  .news__table th {
    width: 45%;
    padding: 10px 4px
  }

  .news__table td {
    padding: 10px 4px
  }

  .l-footer .footer-box {
    display: block
  }

  .l-footer .footer-box .txt {
    width: 100%
  }

  .l-footer .logo-box {
    width: 70%;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center
  }

  .l-footer .logo-box .logo__if {
    width: 125px
  }

  .l-footer .logo-box .logo__privacy {
    width: 47px
  }

  .l-footer .copyright {
    margin-top: 30px
  }

  .contact__ttl {
    top: -3em
  }

  #contact {
    margin-top: 40px;
    padding-bottom: 40px;
    font-size: 14px
  }

  #contact form div.form_group p.label,
  #contact form div.form_group2 p.label {
    float: none;
    width: 100%;
    text-align: left
  }

  #contact form div.form_group p.input_group {
    width: 100%;
    float: none
  }

  #contact form input {
    width: 45%
  }

  #contact form #handi_content {
    font-size: 14px
  }

  #contact form #handi_content input[type=checkbox] {
    width: 16px;
    height: 16px
  }

  #contact form .form-btn {
    width: 100%
  }
}

.fukidashi {
  display: none;
}

#contact form input {
  padding: 6px;
}

.footer-box--privacy {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {

  .txt,
  .news__table th,
  .news__table td {
    font-size: 13px;
  }

  .l-header .header-desc,
  .ex-main-sp__body .tag,
  .ex-main-sp__body .cat dt,
  .ex-main-sp__body .cat dd,
  .news__txt {
    font-size: 14px;
  }

  .point__txt,
  .feature-note__lead,
  .feature-note__list,
  .section__lead,
  .adviser__txt,
  .flow__txt,
  #experience>div>div.experience__body>div>div.tab__panel.js-tabPanel.is-active>div>div>div.experience-main>p,
  .p-faqList__text,
  .news__ttl {
    font-size: 16px;
  }

  .section__lead .block,
  body>div.l-wrapper>main>div>div>div>p.news__txt>span {
    display: inline;
  }

  #result>div>p>span {
    display: block;
  }

  .adviser__item {
    display: block;
    padding: 0 10px;
    margin-bottom: 40px;
    margin-top: 10px;
  }

  .adviser__body {
    width: 100%;
  }

  .adviser__pic {
    padding-left: 0;
    width: 50%;
    margin: 0 auto;
  }

  .adviser__item:nth-child(1):after,
  .adviser__item:nth-child(2):after,
  body>div.l-wrapper>main>div>div>div>p.news__txt>br:nth-child(3) {
    display: none;
  }

  .fukidashi {
    display: block;
    position: relative;
  }

  .adviser__ttl {
    font-size: 18px;
  }

}


/*  2020-09-11 お客さまへの安心・安全な転職サポートを行うために */
.note {
    background: #efefef;
}
.note-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}
.note-title {
    display: inline-block;
    padding: 8px 50px;
    border-radius: 17px;
    background: #ff8000;
    font-weight: bold;
    color: #000;
}
.note-title__text {
    position: relative;
    top: 3px;
}
.note-icon {
    display: inline-block;
    width: 28px;
    margin-right: 10px;
}
.note-text {
	margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
}