@charset "UTF-8";
.article-banner {
  margin: auto;
  color: #224C75;
}
.article-banner--pc {
  margin: auto;
  display: block;
}
.article-banner--sp {
  margin: auto;
  display: none;
}
.article-banner--pc .article-banner_main {
  border: 1px solid #ccc;
  display: flex;
  justify-content: end;
  align-items: center;
  background-image: url(https://isansouzoku-guide.jp/wp-content/themes/isansouzoku-guide/assets/img/banner/article-banner-image--pc.svg);
  background-repeat: no-repeat;
  background-size: 140px;
  background-position: 70px bottom;
  height: 140px;
}
.article-banner--pc .article-banner_main .article-banner_baloon {
  position: relative;
  top: -40px;
  left: 16px;
}
.article-banner--pc .article-banner_main .article-banner_baloon .balloon {
  position: relative;
  display: inline-block;
  background-color: #224C75;
  padding: 8px;
  min-width: 240px;
  max-width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.article-banner--pc .article-banner_main .article-banner_baloon .balloon::before {
  content: "";
  position: absolute;
  border: solid 12px transparent;
  border-top: solid 12px #224C75;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.article-banner--pc .article-banner_main .article-banner_baloon .balloon p {
  margin: 0;
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 14px;
}
.article-banner--pc .article-banner_main .article-banner_message {
  margin: 0 40px;
  font-size: 18px;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_top {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 17px;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_top span {
  font-weight: bold;
  color: #FE8506;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_bottom {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-weight: bold;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_bottom > div {
  margin-right: 10px;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(1) {
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: 1px solid #224C75;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(2) {
  font-size: 24px;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(2) strong {
  font-size: 44px;
  font-family: "Roboto";
  color: #D2464C;
  background: none;
}
.article-banner--pc .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(3) {
  font-size: 18px;
}
.article-banner--pc .article-banner_main .article-banner_button {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #FC8359, #F97040);
  box-shadow: 0 8px 0 #B70E07;
  border: 1px solid #F97040;
  border-radius: 10px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 24px;
  height: 88px;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1.2em;
}
.article-banner--pc .article-banner_main .article-banner_button:hover {
  text-decoration: none;
}
.article-banner--pc .article-banner_main .article-banner_button .footer-pc-button-left {
  font-size: 24px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-banner--pc .article-banner_main .article-banner_button .footer-pc-button-center {
  font-size: 24px;
  font-weight: bold;
}
.article-banner--pc .article-banner_main .article-banner_button .footer-pc-button-right {
  font-size: 24px;
  margin-left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-banner--pc .article-banner_main .article-banner_button:hover {
  position: relative;
  top: 8px;
  box-shadow: 0 0px 0 #B70E07;
}
.article-banner--pc .article-banner_footer {
  background-color: #4d2d22;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 12px;
  padding: 10px 0;
}
.article-banner--pc .article-banner_footer .article-banner_footer_message span {
  font-weight: bold;
}
.article-banner--pc .article-banner_footer .article-banner_footer_phone {
  margin: 0 20px;
}
.article-banner--pc .article-banner_footer .article-banner_footer_phone a {
  font-family: "Roboto";
  color: white;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-banner--pc .article-banner_footer .article-banner_footer_phone a img {
  width: 20px;
  margin-right: 6px;
}
.article-banner--sp {
  border: 1px solid #ccc;
  padding: 30px 0 0 0;
  max-width: 340px;
}
.article-banner--sp .article-banner_main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article-banner--sp .article-banner_main .article-banner_baloon {
  margin-bottom: 30px;
}
.article-banner--sp .article-banner_main .article-banner_baloon .balloon {
  position: relative;
  display: inline-block;
  background-color: #224C75;
  padding: 8px;
  min-width: 240px;
  max-width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.article-banner--sp .article-banner_main .article-banner_baloon .balloon::before {
  content: "";
  position: absolute;
  border: solid 12px transparent;
  border-top: solid 12px #224C75;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.article-banner--sp .article-banner_main .article-banner_baloon .balloon p {
  margin: 0;
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 14px;
}
.article-banner--sp .article-banner_main .article-banner_message {
  padding-bottom: 46px;
  background-image: url(https://isansouzoku-guide.jp/wp-content/themes/isansouzoku-guide/assets/img/banner/article-banner-image--sp.svg);
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_top {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_top span {
  font-weight: bold;
  color: #FE8506;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_bottom {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-weight: bold;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_bottom > div {
  margin-right: 10px;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(1) {
  font-size: 18px;
  padding-bottom: 2px;
  border-bottom: 1px solid #224C75;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(2) {
  font-size: 24px;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(2) strong {
  font-size: 44px;
  font-family: "Roboto";
  color: #D2464C;
  background: none;
}
.article-banner--sp .article-banner_main .article-banner_message .article-banner_message_bottom > div:nth-child(3) {
  font-size: 18px;
}
.article-banner--sp .article-banner_main .article-banner_button {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #FC8359, #F97040);
  box-shadow: 0 8px 0 #B70E07;
  border: 1px solid #F97040;
  border-radius: 10px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 24px;
  height: 50px;
  text-align: center;
}
.article-banner--sp .article-banner_main .article-banner_button:hover {
  text-decoration: none;
}
.article-banner--sp .article-banner_main .article-banner_button .footer-pc-button-left {
  font-size: 24px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-banner--sp .article-banner_main .article-banner_button .footer-pc-button-center {
  font-size: 24px;
  font-weight: bold;
}
.article-banner--sp .article-banner_main .article-banner_button .footer-pc-button-right {
  font-size: 24px;
  margin-left: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-banner--sp .article-banner_main .article-banner_button:hover {
  position: relative;
  top: 8px;
  box-shadow: 0 0px 0 #B70E07;
}
.article-banner--sp .article-banner_footer {
  margin-top: 30px;
  border-top: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article-banner--sp .article-banner_footer .article-banner_footer_message span {
  font-weight: bold;
  color: #FE8506;
}
.article-banner--sp .article-banner_footer .article-banner_footer_phone a {
  font-family: "Roboto";
  color: #ff7e8a;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article-banner--sp .article-banner_footer .article-banner_footer_phone a img {
  width: 30px;
  margin-right: 6px;
}
.article-banner--sp .article-banner_footer .article-banner_footer_hours {
  margin-top: 4px;
  color: #ff7e8a;
  font-size: 11px;
}
@media screen and (max-width: 1000px) {
  .article-banner--pc {
    display: none;
  }
  .article-banner--sp {
    display: block;
  }
}

.blog-cv-step__contact-heading {
  font-size: 28px;
  font-weight: bold;
  padding: 20px;
  color: #f08d18;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .blog-cv-step__contact-heading {
    font-size: 24px;
    line-height: 1.4em;
  }
}

.blog-cv-step__contact {
  width: auto;
  margin: 25px 15px 0 15px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact {
    width: 590px;
    margin: 30px auto 0 auto;
  }
}
.blog-cv-step__contact-copy {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-copy {
    font-size: 13px;
    padding: 0 12px;
  }
}
@media screen and (max-width: 359px) {
  .blog-cv-step__contact-copy {
    font-size: 10px;
    letter-spacing: -0.01em;
    padding: 0 6px;
  }
}
.blog-cv-step__contact-copy span {
  color: #F08D18;
}
.blog-cv-step__contact-copy::before, .blog-cv-step__contact-copy::after {
  border-left: 2px solid #333333;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  top: 2px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-copy::before, .blog-cv-step__contact-copy::after {
    top: 0px;
    height: 19px;
  }
}
.blog-cv-step__contact-copy::before {
  left: 0;
  transform: rotate(-30deg);
}
.blog-cv-step__contact-copy::after {
  right: 0;
  transform: rotate(30deg);
}
.blog-cv-step__contact-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(45deg, #FDA43A, #F08D18);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  position: relative;
  margin: 10px 0;
  height: 74px;
}
.blog-cv-step__contact-btn:hover {
  color: white;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-btn {
    height: 115px;
  }
}
.blog-cv-step__contact-btn > div {
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-btn > div {
    margin-right: 25px;
  }
}
@media screen and (max-width: 359px) {
  .blog-cv-step__contact-btn > div {
    margin-right: 10px;
  }
}
.blog-cv-step__contact-btn::before {
  content: "";
  display: block;
  background-image: url(https://www.i-sozoku.com/wp-content/themes/i-sozoku/images/navi/blog_cv_step_btn_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 115px;
  height: 80px;
  left: 6px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-btn::before {
    width: 180px;
    height: 125px;
    left: 10px;
  }
}
.blog-cv-step__contact-btn--form {
  background: #76a022;
  justify-content: center;
  font-size: 16px;
  height: auto;
  padding: 20px 10px;
}
.blog-cv-step__contact-btn--form i {
  margin: 0 10px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-btn--form {
    font-size: 20px;
  }
  .blog-cv-step__contact-btn--form br {
    display: none;
  }
}
.blog-cv-step__contact-btn--form::before {
  background: none;
  width: auto;
  height: auto;
  left: auto;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-btn--form::before {
    width: auto;
    height: auto;
    left: auto;
  }
}
.blog-cv-step__contact-tel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  z-index: 2;
  font-family: "Roboto";
  letter-spacing: 0.07em;
  line-height: 1;
  margin-top: 5px;
  font-size: 34px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-tel {
    font-size: 56px;
  }
}
@media screen and (max-width: 359px) {
  .blog-cv-step__contact-tel {
    font-size: 26px;
  }
}
.blog-cv-step__contact-tel img {
  width: 36px;
  margin-top: 5px;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-tel img {
    width: 50px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 359px) {
  .blog-cv-step__contact-tel img {
    margin-top: 2px;
    width: 28px;
  }
}
.blog-cv-step__contact-business-hours {
  position: relative;
  font-size: 10px;
  z-index: 2;
  margin-top: 3px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-business-hours {
    font-size: 13px;
  }
}
@media screen and (max-width: 359px) {
  .blog-cv-step__contact-business-hours {
    letter-spacing: -0.1em;
  }
}
.blog-cv-step__contact-know_more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F08D18;
  text-decoration: underline;
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-know_more {
    font-size: 13px;
  }
}
.blog-cv-step__contact-know_more img {
  width: 15px;
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .blog-cv-step__contact-know_more img {
    width: 20px;
  }
}

#main_content .mc_inner .two_column .content_column .linkcard::before {
  content: " 合わせて読みたい";
  font-family: "Material Icons";
  background-color: #ff7e8a;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  position: absolute;
  top: -20px;
  left: 10px;
  z-index: 99999;
}
#main_content .mc_inner .two_column .content_column .linkcard {
  position: relative;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap {
  padding: 10px;
  background-color: white;
  border: 1px solid #ff7e8a;
  box-sizing: border-box;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap:hover {
  background-color: #fff4f5;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap .lkc-link .lkc-card .lkc-content {
  font-size: 18px !important;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap .lkc-link .lkc-card .lkc-content .lkc-thumbnail {
  max-width: 160px;
  width: 160px;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap .lkc-link .lkc-card .lkc-content .lkc-thumbnail .lkc-thumbnail-img {
  max-width: 160px;
  width: 160px;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap .lkc-link .lkc-card .lkc-content .lkc-title .lkc-title-text {
  font-size: 16px !important;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap .lkc-link .lkc-card .lkc-content .lkc-url {
  font-size: 16px !important;
  margin: 10px 0;
}
#main_content .mc_inner .two_column .content_column .linkcard .lkc-external-wrap .lkc-link .lkc-card .lkc-content .lkc-excerpt {
  font-size: 16px !important;
  line-height: 1.4em;
}

.tetsuzuki-fee-banner {
  color: #333;
  background-image: url(../images/shortcode/bg.png);
  padding-bottom: 10px;
  margin: 40px 0;
}
.tetsuzuki-fee-banner * {
  box-sizing: border-box;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_title {
  display: flex;
  border: none !important;
  margin: none !important;
  padding: none !important;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_title {
    font-size: 36px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_title::before {
  content: " ";
  width: 60px;
  height: 60px;
  background-image: url(../images/shortcode/operator@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_title::before {
    width: 80px;
    height: 80px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_title span {
  position: relative;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_title span::after {
  position: absolute;
  top: -4px;
  left: 35%;
  content: "";
  background-color: #FFE159;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_title span::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 640px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_title span::after {
    top: -2px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps {
    flex-direction: row;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step {
  border: 1px solid #86D1D1;
  background-color: white;
  padding: 6px 6px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step {
    flex: 1;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-notice {
  position: absolute;
  top: -15px;
  right: 40%;
  line-height: 1;
  background: white;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-notice::before {
  content: " ";
  width: 2px;
  height: 18px;
  background-color: #333;
  transform: rotate(-20deg);
  display: inline-block;
  position: relative;
  top: 3px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-notice {
    right: 40px;
    top: -15px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-notice::after {
  content: " ";
  width: 2px;
  height: 18px;
  background-color: #333;
  transform: rotate(20deg);
  display: inline-block;
  position: relative;
  top: 3px;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-top {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-top {
    text-align: left;
    font-size: 16px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-top span {
  padding: 0px 10px;
  color: white;
  font-weight: bold;
  font-family: "Roboto";
  font-size: 16px;
  background-color: #86D1D1;
  display: inline-block;
  margin-right: 10px;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-bottom {
  font-size: 12px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .step .step-bottom {
    font-size: 13px;
    text-align: left;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .arrow::before {
  content: "";
  font-family: "Material Icons";
  display: block;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_steps .arrow::before {
    transform: rotate(0deg);
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  font-size: 22px !important;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee h4 {
    font-size: 26px !important;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee h4::before {
  content: " ";
  width: 30px;
  height: 30px;
  background-image: url(../images/shortcode/yen.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 10px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus {
    margin: 0 80px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 100%;
  padding: 0;
  border: 1px solid #86D1D1;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .label {
  width: 55%;
  text-align: right;
  border-right: 3px solid #86D1D1;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .label {
    font-size: 20px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .fee {
  width: 45%;
  text-align: left;
  font-family: "Roboto";
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .fee {
    font-size: 30px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .fee span {
  font-size: 14px;
  color: #666;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .fee span {
    font-size: 20px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .fee-small {
  font-size: 12px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .menus .menu .fee-small {
    font-size: 20px;
    height: 56px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_fee .note {
  text-align: center;
  font-size: 12px;
  margin: 6px 0;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_message .message {
  text-align: center;
  color: white;
  margin: 20px 0 0 0;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_message .message span {
  padding: 0px 10px;
  background-color: #86D1D1;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_message .message span {
    font-size: 30px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_message .arrow {
  text-align: center;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_message .arrow::before {
  content: "";
  font-family: "Material Icons";
  transform: rotate(90deg);
  display: inline-block;
  font-size: 30px;
  color: #666;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_message .arrow::before {
    font-size: 60px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_message--new {
  font-size: 32px;
  line-height: 1.3em;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  margin: 10px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new {
    flex-direction: row;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left {
    width: 49%;
    margin-right: 2%;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone {
  height: 108px;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone:hover {
  position: relative;
  top: 2px;
  box-shadow: 0 0px 0 #a12c34;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone img {
  width: 40px;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone p {
  padding: 0 !important;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone p.txt_number {
  font-size: 22px !important;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone p.txt_number > strong {
  background: none !important;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_left .cta-btn-phone p.txt_info {
  font-size: 11px !important;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right {
    width: 49%;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F08D18;
  box-shadow: 0 4px 0 #895921;
  border: 1px solid #F08D18;
  border-radius: 10px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 10px 0;
  height: 108px;
  font-size: 22px;
}
@media screen and (min-width: 480px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a {
    font-size: 26px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a:hover {
  position: relative;
  top: 2px;
  box-shadow: 0 0px 0 #895921;
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a::before {
  content: "";
  font-family: "Material Icons";
  font-size: 28px;
  margin: 0 6px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a::before {
    font-size: 26px;
  }
}
.tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a::after {
  content: "";
  font-family: "Material Icons";
  transform: rotate(90deg);
  font-size: 28px;
  margin: 0 6px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner .tetsuzuki-fee-banner_cv--new .tetsuzuki-fee-banner_cv_right a::after {
    font-size: 26px;
  }
}

.tetsuzuki-fee-banner-small {
  color: #333;
  background-image: url(../images/shortcode/bg.png);
  padding-bottom: 10px;
  margin: 40px 0;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_title {
  text-align: center;
  font-size: 18px;
  padding: 20px 0;
  font-weight: bold;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_title span {
  position: relative;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_title span::after {
  position: absolute;
  top: -10px;
  left: 35%;
  content: "";
  background-color: #FFE159;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_title span::after {
    top: -10px;
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 640px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_title span::after {
    top: -8px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 10px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus {
    margin: 0 80px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 100%;
  padding: 0;
  border: 1px solid #86D1D1;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu .label {
  width: 55%;
  text-align: right;
  border-right: 3px solid #86D1D1;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu .label {
    font-size: 16px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu .fee {
  width: 45%;
  text-align: left;
  font-family: "Roboto";
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu .fee {
    font-size: 20px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu .fee span {
  font-size: 12px;
  color: #666;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .menus .menu .fee span {
    font-size: 14px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .note {
  text-align: center;
  font-size: 12px;
  margin: 6px 10px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_fee .note {
    margin: 6px 10px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv {
  background-color: white;
  margin: 0 10px;
  margin-top: 20px;
  padding: 10px;
  border: 3px solid #86D1D1;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv {
    margin: 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv {
    flex-direction: row;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_message {
  text-align: center;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_message .message {
  font-weight: bold;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_message .message {
    font-size: 20px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_message .message-sub {
  font-size: 11px;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: white;
  flex: 1;
  padding: 10px;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right {
    width: auto;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .top {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .top > div {
  flex: 1;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle {
  width: 100%;
  margin-bottom: 14px;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a {
  color: white;
  display: flex;
  background: #F08D18;
  box-shadow: 0 4px 0 #895921;
  border: 1px solid #F08D18;
  border-radius: 10px;
  padding: 0px 20px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  margin: 0;
  font-size: 16px;
}
@media screen and (max-width: 400px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a {
    padding: 0px 4px;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a {
    padding: 10px 0;
    font-size: 20px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner::after {
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px solid #fff;
  content: "無料";
  font-weight: bold;
  margin: 12px;
  font-size: 16px;
}
@media screen and (max-width: 600px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner::after {
    font-size: 13px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner > div {
  font-size: 22px;
  line-height: 1.3em;
  margin: 0;
  text-align: right;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner > div {
    font-size: 18px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner > div span {
  font-weight: normal;
  font-size: 18px;
}
@media screen and (max-width: 600px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a .inner > div span {
    font-size: 14px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a:hover {
  position: relative;
  top: 2px;
  box-shadow: 0 0px 0 #895921;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a::before {
  content: "";
  font-family: "Material Icons";
  font-size: 40px;
  margin: 0 12px;
}
@media screen and (max-width: 600px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a::before {
    font-size: 24px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a::after {
  content: "chevron_right";
  font-family: "Material Icons";
  font-size: 40px;
  margin: 0 12px;
}
@media screen and (max-width: 600px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle a::after {
    display: none;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel {
  width: 100%;
  margin-bottom: 4px;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a {
  font-family: "Roboto";
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F08D18;
  box-shadow: 0 4px 0 #895921;
  border: 1px solid #F08D18;
  border-radius: 10px;
  padding: 0px 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 0;
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a {
    padding: 10px 0;
  }
}
@media screen and (max-width: 400px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a {
    padding: 0px 4px;
  }
}
@media screen and (max-width: 400px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a {
    font-size: 32px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a:hover {
  position: relative;
  top: 2px;
  box-shadow: 0 0px 0 #895921;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a .info {
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a .info {
    font-size: 12px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a .tel::before {
  content: "";
  font-family: "Material Icons";
  font-size: 20px;
  margin: 0 6px;
}
@media screen and (min-width: 768px) {
  .tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .middle--tel a .tel::before {
    font-size: 28px;
  }
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .bottom {
  text-align: center;
  font-size: 12px;
}
.tetsuzuki-fee-banner-small .tetsuzuki-fee-banner_cv .tetsuzuki-fee-banner_cv_right .bottom a {
  color: #F08D18;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: bold;
}

/*
    # Variables

    `core/_variables.scss`
*/
/*
    ## Default
*/
/*
    ## Layout
*/
/*
    ## Fonts
*/
/*
    ## Structure
*/
/*
    # Colors

    `core/_colors.scss`
*/
/*
    # Mixins

    `core/_mixins.scss`
*/
/*
    ## Layout
*/
/*
    ## Fonts
*/
/*
    ## Forms
*/
/*
    ## Breakpoints
*/
/*
    ## Margin / Padding
*/
/*
    # Mixins

    `core/_mixins.scss`
*/
/*
    ## Layout
*/
/*
    ## Fonts
*/
/*
    ## Forms
*/
/*
    ## Breakpoints
*/
/*
    ## Margin / Padding
*/
/*
    # Fonts

    `core/_fonts.scss`
*/
body {
  font-family: "font_name";
  font-weight: 400;
}

.result-form-section {
  margin-top: 40px;
}

.result-form form {
  max-width: 680px;
  margin: auto;
}
.result-form form fieldset legend {
  text-align: left;
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.result-form form fieldset.basic {
  font-size: 16px;
}
.result-form form fieldset.basic label {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.result-form form fieldset.basic select, .result-form form fieldset.basic input[type=text], .result-form form fieldset.basic input[type=email] {
  height: 48px;
}
.result-form form fieldset.basic textarea {
  height: 200px;
  padding: 10px 10px;
  line-height: 28px;
}

.result-form button {
  margin: 20px 0;
  background-color: #f08d18;
  color: white;
  padding: 20px 20px;
  width: 80%;
  border: none;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 680px) {
  .result-form button {
    font-size: 16px;
  }
}
.result-form button img {
  margin-left: 10px;
}
.result-form button:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.sp-only {
  display: none;
}
@media screen and (max-width: 680px) {
  .sp-only {
    display: inline;
  }
}

@media screen and (min-width: 768px) {
  .blog-cv-step__contact-tel {
    font-size: 36px;
  }
}
.cv-banner .cv-banner-inner > div:last-child {
  text-align: center;
  padding-left: 0;
  padding-right: 30px;
}

.article-banner--pc .article-banner_main .article-banner_button {
  margin-right: 20px;
}

.result-showing h1 {
  display: none;
}

.section-result .result-comment.result-type-1,
.section-result .result-comment.result-type-2 {
  background-color: #4c5b02 !important;
}

.result-form-title {
  line-height: 1.5;
  font-weight: bold;
}

/* --------------------------------------- mixin --------------------------------------- */
body {
  font-size: 12px;
  font-family: Roboto, "BIZ UDPGothic", YuGothic, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  color: #333;
}

header {
  width: 100%;
  background-color: white;
  height: 80px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
header .header-inner {
  color: white;
}
header .header-inner .header-inner-left {
  max-width: 100%;
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 20px;
}
header .header-inner .header-inner-left img {
  width: 420px;
}
@media screen and (max-width: 480px) {
  header .header-inner .header-inner-left img {
    width: 280px;
  }
}

h1 {
  background-color: #afcc12;
  color: #333;
  text-align: center;
  padding: 20px 0;
  font-size: 18px;
}
h1 span {
  border-bottom: 1px solid #333;
}

.header-inner,
.section-inner {
  max-width: 1024px;
  margin: auto;
}

.section-main .section-inner .image {
  margin-top: 40px;
}
.section-main .section-inner .image img {
  width: 100px;
  display: block;
  margin: auto;
}
.section-main .section-inner h2 {
  background-image: url(../../../src/img/title-bg.svg);
  background-size: cover;
  max-width: 600px;
  margin: auto;
  margin-bottom: 40px;
  background-repeat: repeat;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #333;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .section-main .section-inner h2 {
    margin: 0 20px;
    font-size: 16px;
  }
}
.section-main .section-inner h2::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 50px;
  background-image: url(../../../src/img/Q1.svg);
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .section-main .section-inner h2::before {
    width: 60px;
    height: 50px;
  }
}
.section-main.section-2 .section-inner .image {
  margin-top: 40px;
}
.section-main.section-2 .section-inner .image img {
  width: 140px;
  display: block;
  margin: auto;
}
.section-main.section-2 .section-inner h2::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 50px;
  background-image: url(../../../src/img/Q1.svg);
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .section-main.section-2 .section-inner h2::before {
    width: 60px;
    height: 50px;
  }
}
.section-main.section-2 .section-inner .desc {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0 8px 0;
}
.section-main.section-2 .section-inner .desc-sub {
  text-align: center;
  font-size: 13px;
  margin: 0px auto 20px auto;
  color: #666;
}
.section-main.section-2 .section-inner h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0 20px 0;
}
@media screen and (max-width: 600px) {
  .section-main.section-2 .section-inner h3 {
    margin: 20px 20px 0px 20px;
  }
}
.section-main.section-2 .section-note {
  margin: 40px auto;
  max-width: 900px;
}
.section-main.section-2 .section-note h4 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.section-main.section-2 .section-note h4 .wrap {
  background: white;
  padding: 14px;
  display: inline-block;
  position: relative;
  top: 26px;
}
.section-main.section-2 .section-note h4 .wrap span {
  font-size: 28px;
  color: #ffe164;
  position: relative;
  top: 4px;
}
.section-main.section-2 .section-note > div {
  padding: 40px;
  border: 2px solid #333;
  border-radius: 10px;
  display: flex;
}
@media screen and (max-width: 600px) {
  .section-main.section-2 .section-note > div {
    flex-direction: column;
    margin: 0 20px;
  }
  .section-main.section-2 .section-note > div > div {
    max-width: 100% !important;
  }
}
.section-main.section-2 .section-note > div > div.left {
  max-width: 50%;
}
.section-main.section-2 .section-note > div > div.left img {
  width: 100%;
}
.section-main.section-2 .section-note > div > div.right {
  max-width: 50%;
}
.section-main.section-2 .section-note > div > div.right ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.section-main.section-2 .section-note > div > div.right ul li {
  font-size: 18px;
  line-height: 1.6em;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.section-main.section-2 .section-note > div > div.right ul li span {
  font-weight: bold;
}
.section-main.section-2 .section-note > div > div.right ul li span.material-icons {
  font-weight: normal;
  color: #f08d18;
  position: relative;
  top: 4px;
  margin-right: 6px;
}
.section-main.section-3 .section-inner .image {
  margin-top: 40px;
}
.section-main.section-3 .section-inner .image img {
  width: 100px;
  display: block;
  margin: auto;
}
.section-main.section-3 .section-inner h2::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 50px;
  background-image: url(../../../src/img/Q2.svg);
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .section-main.section-3 .section-inner h2::before {
    width: 60px;
    height: 50px;
  }
}
.section-main.section-3 .section-inner input {
  font-family: "Roboto";
}
.section-main.section-3 .section-inner .flex {
  display: flex;
  max-width: 600px;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .section-main.section-3 .section-inner .flex {
    flex-direction: column;
    margin: 0 20px;
  }
  .section-main.section-3 .section-inner .flex > div {
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .section-main.section-3 .section-inner .flex > div [include*="form-input-text()"] {
    width: auto;
  }
}
.section-main.section-3 .section-inner .note {
  position: relative;
  top: -10px;
}
.section-main.section-3 .section-inner .desc {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0 8px 0;
}
.section-main.section-3 .section-inner .desc-sub {
  text-align: center;
  font-size: 13px;
  margin: 0px auto 20px auto;
  color: #666;
}
.section-main.section-3 .section-inner .arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}
.section-main.section-3 .section-inner .arrow .material-icons {
  font-size: 84px;
  margin: 0;
  height: 30px;
}
.section-main.section-3 .section-inner .sum {
  max-width: 600px;
  margin: auto;
  margin-top: 40px;
  border: 3px solid #333;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .section-main.section-3 .section-inner .sum {
    margin: 0 20px;
  }
}
.section-main.section-3 .section-inner .sum .before {
  font-size: 20px;
}
.section-main.section-3 .section-inner .sum .amount {
  font-size: 48px;
  font-weight: bold;
  font-family: "Roboto";
  color: #afcc12;
}
.section-main.section-3 .section-inner .sum .unit {
  font-size: 16px;
}

.submit {
  line-height: 1.4;
}

.section-finish .section-inner {
  padding: 20px;
  max-width: 800px;
  margin: auto;
}
.section-finish .section-inner h2 {
  margin-bottom: 40px;
  background-image: url(../../../src/img/title-bg.svg);
  background-size: cover;
  margin: auto;
  margin-bottom: 40px;
  margin-top: 40px;
  max-width: 600px;
  background-repeat: repeat;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #333;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  line-height: 30px;
}
.section-finish .section-inner .image {
  max-width: 300px;
  margin: auto;
}
.section-finish .section-inner .image img {
  max-width: 100%;
}
.section-finish .section-inner .desc {
  text-align: center;
  font-size: 20px;
  margin: 20px;
  line-height: 30px;
}
.section-finish .section-inner .desc span {
  font-weight: bold;
  color: #f08d18;
}
.section-finish .section-inner .desc strong {
  font-weight: bold;
  color: #f08d18;
  border-bottom: 2px solid #f08d18;
}
.section-finish .section-inner .desc-sub {
  text-align: center;
  font-size: 20px;
  margin: 40px;
  line-height: 30px;
  font-weight: bold;
}
.section-finish .section-inner .about {
  padding: 20px 20px 40px 20px;
  background-color: #fafafa;
  border: 1px solid #ccc;
}
.section-finish .section-inner .about h3 {
  text-align: center;
  font-size: 20px;
  color: #f08d18;
}
.section-finish .section-inner .about h3 img {
  display: block;
  margin: 20px auto 0px auto;
  width: 200px;
}
.section-finish .section-inner .about ul {
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
}
.section-finish .section-inner .about ul li {
  width: 30%;
}
.section-finish .section-inner .about ul li h4 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-finish .section-inner .about ul li h4 img {
  width: 20px;
  margin-right: 10px;
}
.section-finish .section-inner .about ul li p {
  font-size: 14px;
  line-height: 1.4em;
}
@media screen and (max-width: 600px) {
  .section-finish .section-inner .about ul {
    flex-direction: column;
  }
  .section-finish .section-inner .about ul li {
    margin-top: 20px;
    width: 100%;
  }
}
.section-finish .section-inner form {
  max-width: 680px;
  margin: auto;
}
.section-finish .section-inner form fieldset {
  margin-top: 80px;
}
.section-finish .section-inner form fieldset legend {
  text-align: left;
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.section-finish .section-inner form fieldset legend img {
  width: 11px;
  margin-right: 10px;
}
.section-finish .section-inner form fieldset.select > div {
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .section-finish .section-inner form fieldset.select > div > div {
    padding-left: 20px;
  }
}
.section-finish .section-inner form fieldset.select input {
  position: absolute;
  left: -9999px;
}
.section-finish .section-inner form fieldset.select label {
  display: block;
  position: relative;
  margin: 20px 0px 0px 0px;
  padding: 15px 30px 15px 62px;
  border: 3px solid #fff;
  border-radius: 100px;
  color: #333;
  background-color: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s, box-shadow 0.2s;
  width: 200px;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #333;
}
@media screen and (max-width: 480px) {
  .section-finish .section-inner form fieldset.select label {
    margin: 20px 0px 0px 0px;
    padding: 13px 20px 12px 40px;
    width: 150px;
    font-size: 12px;
  }
}
.section-finish .section-inner form fieldset.select label::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  transition: background-color 0.2s;
  background-image: url(../../../src/img/radio-button-unchecked.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 26px;
}
.section-finish .section-inner form fieldset.select label:hover,
.section-finish .section-inner form fieldset.select input:focus + label {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.section-finish .section-inner form fieldset.select input:checked + label {
  background-color: rgba(240, 141, 24, 0.2);
  color: #f08d18;
  border: 2px solid #f08d18;
}
.section-finish .section-inner form fieldset.select input:checked + label::before {
  background-image: url(../../../src/img/radio-button-checked.svg);
}
.section-finish .section-inner form fieldset .need {
  color: #f0506e !important;
  font-size: 10px;
  font-weight: bold;
  margin-left: 4px;
}
.section-finish .section-inner form fieldset.basic {
  font-size: 16px;
}
.section-finish .section-inner form fieldset.basic label {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.section-finish .section-inner form fieldset.basic select,
.section-finish .section-inner form fieldset.basic input[type=text],
.section-finish .section-inner form fieldset.basic input[type=email] {
  height: 48px;
}
.section-finish .section-inner form fieldset.basic textarea {
  height: 200px;
  padding: 10px 10px;
  line-height: 28px;
}
.section-finish .section-inner form fieldset .checkbox-style {
  text-align: left;
}
.section-finish .section-inner form fieldset .checkbox-style span.wpcf7-list-item {
  margin: 0;
}
.section-finish .section-inner form fieldset .checkbox-style label {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  font-size: 14px;
}
.section-finish .section-inner form fieldset .checkbox-style label input[type=checkbox] {
  display: none;
}
.section-finish .section-inner form fieldset .checkbox-style label span {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 30px;
  position: relative;
  width: auto;
}
.section-finish .section-inner form fieldset .checkbox-style label span::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.section-finish .section-inner form fieldset .checkbox-style label span::after {
  border-right: 3px solid #f08e17;
  border-bottom: 3px solid #f08e17;
  content: "";
  display: block;
  height: 19px;
  left: 13px;
  margin-top: -15px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}
.section-finish .section-inner form fieldset .checkbox-style label input[type=checkbox]:checked + span::before {
  border-color: #666;
}
.section-finish .section-inner form fieldset .checkbox-style label input[type=checkbox]:checked + span::after {
  opacity: 1;
}
@media screen and (min-width: 960px) {
  .section-finish .section-inner form fieldset .acceptance {
    margin-top: 7px;
  }
}
.section-finish .section-inner button {
  margin: 20px 0;
  background-color: #f08d18;
  color: white;
  padding: 20px 20px;
  width: 80%;
  border: none;
  border-radius: 10px;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 680px) {
  .section-finish .section-inner button {
    font-size: 20px;
  }
}
.section-finish .section-inner button img {
  margin-left: 10px;
}
.section-finish .section-inner button:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.section-finish .section-inner a {
  text-decoration: underline;
  color: #f08d18;
  font-weight: bold;
}

.section-result .section-inner {
  padding: 20px;
  max-width: 800px;
  margin: auto;
}
.section-result .section-inner h2 {
  margin-bottom: 40px;
  background-image: url(../../../src/img/title-bg.svg);
  background-size: cover;
  margin: auto;
  margin-bottom: 40px;
  margin-top: 40px;
  max-width: 600px;
  background-repeat: repeat;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #333;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
}
.section-result .section-inner .image {
  max-width: 300px;
  margin: auto;
}
.section-result .section-inner .image img {
  max-width: 300px;
}
.section-result .section-inner .desc {
  text-align: center;
  font-size: 20px;
  margin: 20px;
  line-height: 30px;
}
.section-result .section-inner .desc span {
  font-weight: bold;
  color: #f08d18;
}
.section-result .section-inner .desc strong {
  font-weight: bold;
  color: #f08d18;
  border-bottom: 2px solid #f08d18;
}
.section-result .section-inner .result-total {
  display: flex;
  justify-content: space-between;
}
.section-result .section-inner .result-total .result-item {
  width: 200px;
}
.section-result .section-inner .result-total .result-item > div:first-child span {
  background-color: #333;
  color: white;
  display: inline-block;
  padding: 8px;
  font-size: 14px;
}
.section-result .section-inner .result-total .result-item > div:last-child {
  border: 1px solid #333;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-result .section-inner .result-total .result-item > div:last-child .amount {
  font-size: 34px;
  font-family: "Roboto";
}
.section-result .section-inner .result-total .result-item > div:last-child .unit {
  font-size: 14px;
  margin-left: 10px;
}
.section-result .section-inner .result-total .code {
  font-family: "Roboto";
  padding: 20px;
  font-size: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
@media screen and (max-width: 680px) {
  .section-result .section-inner .result-total {
    display: none;
  }
}
.section-result .section-inner .result-total--sp {
  display: none;
  flex-direction: column;
}
@media screen and (max-width: 680px) {
  .section-result .section-inner .result-total--sp {
    display: flex;
  }
}
.section-result .section-inner .result-total--sp .result-item {
  width: auto;
}
.section-result .section-inner .result-total--sp .code {
  height: 50px;
}
.section-result .section-inner .result-total--sp .code span {
  transform: rotate(90deg);
}
.section-result .result-tax {
  background-color: #afcc12;
  text-align: center;
  font-family: "Roboto";
  padding: 60px 20px;
}
.section-result .result-tax .result-main {
  color: #333;
  font-size: 30px;
}
@media screen and (max-width: 680px) {
  .section-result .result-tax .result-main {
    font-size: 20px;
  }
}
.section-result .result-tax .result-main > span {
  color: white;
  font-size: 20px;
  margin: 0 6px;
}
.section-result .result-tax .result-main > span.tax {
  font-size: 52px;
  border-bottom: 2px solid white;
}
.section-result .result-tax .result-desc {
  padding: 10px;
  background-color: white;
  color: #f08d18;
  max-width: 600px;
  margin: auto;
  margin-top: 30px;
  font-weight: bold;
  font-size: 20px;
  border-radius: 100px;
}
@media screen and (max-width: 680px) {
  .section-result .result-tax .result-desc {
    font-size: 16px;
  }
}
.section-result .result-comment {
  background-color: #afcc12;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1024px;
  margin: 20px auto;
  border: 4px dashed white;
  padding: 10px;
  color: white;
}
@media screen and (max-width: 800px) {
  .section-result .result-comment {
    flex-direction: column;
  }
}
.section-result .result-comment h4 {
  min-width: 140px;
  margin: 20px;
}
@media screen and (max-width: 800px) {
  .section-result .result-comment h4 {
    max-width: 120px;
    margin: 10px;
  }
}
.section-result .result-comment ul li {
  font-size: 15px;
  line-height: 1.8em;
  text-align: left;
  margin-bottom: 8px;
  font-weight: bold;
}
.section-result .result-comment ul li::before {
  content: "";
  font-family: "Material Icons";
  font-size: 20px;
  margin: 0 6px;
  position: relative;
  top: 4px;
}
.section-result .result-comment ul li strong {
  color: #ea5e1f;
  border-bottom: 1px solid #ea5e1f;
  padding-bottom: 2px;
  margin: 0 2px;
}

.result-warning {
  margin: auto;
  margin-top: 40px;
  padding: 20px;
  max-width: 600px;
}
.result-warning h4 {
  color: #ea5e1f;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}
.result-warning h4 span {
  background-color: #ea5e1f;
  color: white;
  padding: 4px 10px;
  width: 100px;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
}
.result-warning h5 {
  border-left: 6px solid #ea5e1f;
  padding-left: 6px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.result-warning > div {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.result-warning > div span {
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .result-warning > div {
    flex-direction: column;
  }
}
.result-warning > div > div {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .result-warning > div > div {
    width: 100%;
  }
}
.result-warning > div > div:first-child {
  margin-right: 30px;
}
@media screen and (max-width: 600px) {
  .result-warning > div > div:first-child {
    margin-bottom: 10px;
    text-align: center;
  }
}
.result-warning > div > div:first-child img {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .result-warning > div > div:first-child img {
    max-width: 300px;
  }
}
.result-warning > div > div .note {
  font-size: 12px;
  color: #999;
}

fieldset {
  max-width: 600px;
  margin: auto;
}
fieldset.select > div {
  justify-content: space-around;
  display: flex;
}
@media screen and (max-width: 600px) {
  fieldset.select > div {
    flex-direction: column;
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  fieldset.select > div > div {
    padding: 0;
  }
}
fieldset.select input {
  position: absolute;
  left: -9999px;
}
fieldset.select label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px 0px 0px 0px;
  padding: 20px 30px 20px 60px;
  border: 3px solid #fff;
  border-radius: 4px;
  color: #333;
  background-color: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s, box-shadow 0.2s;
  font-size: 22px;
  font-weight: bold;
  border: 2px solid #333;
}
fieldset.select label span {
  font-size: 12px;
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  fieldset.select label {
    margin: 20px 0px 0px 0px;
    padding: 13px 20px 12px 40px;
    font-size: 16px;
  }
}
fieldset.select label::before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  bottom: 10px;
  left: 10px;
  transition: background-color 0.2s;
  background-image: url(../../../src/img/unchecked.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 36px;
}
fieldset.select label:hover,
fieldset.select input:focus + label {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
fieldset.select input:checked + label {
  background-color: #ffe164;
  color: #333;
  border: 2px solid #333;
}
fieldset.select input:checked + label::before {
  background-image: url(../../../src/img/checked.svg);
}

.cv_area {
  max-width: 800px;
  margin: auto;
}

[include*="form-input-select()"] {
  display: block;
  padding: 0;
  position: relative;
  /* Set options to normal weight */
  /* ------------------------------------  */
  /* START OF UGLY BROWSER-SPECIFIC HACKS */
  /* ----------------------------------  */
  /* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container.
       The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex.
       You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
  /* Show only the native arrow */
  margin-top: 40px;
  color: #333;
  display: flex;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 15px;
  width: 100%;
  text-align-last: center;
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
[include*="form-input-select()"] select {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  font-size: 16px;
  outline: none;
  /* Focus style */
}
[include*="form-input-select()"] select:focus {
  background-color: transparent;
  outline: none;
}
[include*="form-input-select()"] option {
  font-weight: normal;
}
[include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [include*="form-input-select()"] select::-ms-expand {
    display: none;
  }
  [include*="form-input-select()"] select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    overflow: hidden;
  }
  [include*="form-input-select()"] select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    [include*="form-input-select()"] select {
      width: 100%;
    }
  }
  [include*="form-input-select()"] select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  [include*="form-input-select()"] {
    width: 100%;
  }
}
[include*="form-input-select()"] .label {
  background-color: #333;
  color: white;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  width: 200px;
  height: 60px;
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 16px;
}
[include*="form-input-select()"]::before {
  bottom: 55%;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #d6d6d6;
}
[include*="form-input-select()"]::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #d6d6d6;
  top: 55%;
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    border-right: 3px solid #e6e6e6;
  }
  [include*="form-input-select()"]:hover {
    border-right: 3px solid #333;
  }
}
[include*="form-input-select()"]:hover select {
  box-shadow: 0 2px 3px rgba(51, 51, 51, 0.1) inset;
  border-color: #333;
}
[include*="form-input-select()"]:hover select:focus {
  outline-color: transparent;
}
[include*="form-input-select()"]:hover::before {
  border-bottom-color: #333;
}
[include*="form-input-select()"]:hover::after {
  border-top-color: #333;
}
[include*="form-input-select()"] select {
  border: 3px solid #333;
  border-radius: 0;
  font-weight: 800;
  font-size: 24px;
  color: inherit;
  padding: 11px 15px;
  line-height: normal;
}
[include*="form-input-select()"] select:focus {
  box-shadow: 0 3px 4px rgba(51, 51, 51, 0.3) inset;
  outline: 3px solid #333;
  outline-offset: -3px;
}
[include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[include*="form-input-select()"] select:not(:focus):invalid {
  color: #c7c7c7;
}

[include*="form-input-text()"] {
  display: block;
  padding: 0;
  position: relative;
  /* Set options to normal weight */
  /* ------------------------------------  */
  /* START OF UGLY BROWSER-SPECIFIC HACKS */
  /* ----------------------------------  */
  /* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container.
       The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex.
       You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
  /* Show only the native arrow */
  color: #333;
  display: flex;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: 15px;
  width: 100%;
}
[include*="form-input-text()"]::before, [include*="form-input-text()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
[include*="form-input-text()"] select {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  font-size: 16px;
  outline: none;
  /* Focus style */
}
[include*="form-input-text()"] select:focus {
  background-color: transparent;
  outline: none;
}
[include*="form-input-text()"] option {
  font-weight: normal;
}
[include*="form-input-text()"] x:-o-prefocus, [include*="form-input-text()"]::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [include*="form-input-text()"] select::-ms-expand {
    display: none;
  }
  [include*="form-input-text()"] select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}
@-moz-document url-prefix() {
  [include*="form-input-text()"] {
    overflow: hidden;
  }
  [include*="form-input-text()"] select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    [include*="form-input-text()"] select {
      width: 100%;
    }
  }
  [include*="form-input-text()"] select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  [include*="form-input-text()"] {
    width: 100%;
  }
}
[include*="form-input-text()"] label {
  background-color: #333;
  color: white;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  width: 60px;
  height: 60px;
}
[include*="form-input-text()"] span {
  position: relative;
}
[include*="form-input-text()"] span::after {
  content: "万円";
  display: block;
  position: absolute;
  pointer-events: none;
  right: 16px;
  top: 20px;
}
@-moz-document url-prefix() {
  [include*="form-input-text()"] {
    border-right: 3px solid #e6e6e6;
  }
  [include*="form-input-text()"]:hover {
    border-right: 3px solid #333;
  }
}
[include*="form-input-text()"]:hover select {
  box-shadow: 0 2px 3px rgba(51, 51, 51, 0.1) inset;
  border-color: #333;
}
[include*="form-input-text()"]:hover select:focus {
  outline-color: transparent;
}
[include*="form-input-text()"]:hover::before {
  border-bottom-color: #333;
}
[include*="form-input-text()"]:hover::after {
  border-top-color: #333;
}
[include*="form-input-text()"] input {
  border: 3px solid #333;
  border-radius: 0;
  font-weight: 800;
  color: inherit;
  padding: 11px 45px 11px 0;
  line-height: normal;
  height: 60px;
  font-size: 30px;
  max-width: 180px;
  text-align: center;
}
[include*="form-input-text()"] input:focus {
  box-shadow: 0 3px 4px rgba(51, 51, 51, 0.3) inset;
  outline: 3px solid #333;
  outline-offset: -3px;
}
[include*="form-input-text()"] input[disabled], [include*="form-input-text()"] input:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[include*="form-input-text()"] input:not(:focus):invalid {
  color: #c7c7c7;
}

.disclaimer {
  text-align: center;
  font-size: 12px;
  margin: 12px auto 0px auto;
}

.reviewer {
  text-align: center;
  font-size: 12px;
  margin: 12px auto 0 auto;
}
.reviewer a {
  border-radius: 4px;
  display: inline-block;
  padding: 10px;
  border: 1px solid #666;
  color: #666;
}
.reviewer a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.reviewer a span {
  font-weight: bold;
  margin-right: 10px;
}

.btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.next-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 60px;
  position: relative;
  background: #f08d18;
  border: 1px solid #f08d18;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 32px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  border: 3px solid #333;
  font-weight: bold;
  cursor: pointer;
}

.next-btn:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 0;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -12px;
}

.next-btn:hover {
  background: #fff;
  color: #333;
}

.next-btn:hover:before {
  border-top: 2px solid #f08d18;
  border-right: 2px solid #f08d18;
}

footer {
  background-color: #333;
  font-size: 12px;
  color: white;
  text-align: center;
  padding: 10px 0;
  position: relative;
  margin-top: 100px;
  bottom: 0;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .article-banner_button {
    position: relative !important;
    right: 0 !important;
  }
}

.cv-banner {
  margin-top: 20px;
  background-color: #2e3858;
}
.cv-banner .cv-banner-inner {
  height: 170px;
  background-image: url(../../../src/img/operator.png);
  background-size: 190px;
  background-repeat: no-repeat;
  background-position: bottom left;
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner {
    height: 280px;
    padding: 10px 0px;
    background-position: -30px bottom;
  }
}
.cv-banner .cv-banner-inner > div > div img {
  max-width: 180px;
}
.cv-banner .cv-banner-inner > div:first-child {
  text-align: center;
  color: white;
  font-size: 22px;
}
.cv-banner .cv-banner-inner > div:first-child span {
  color: #f08d18;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner > div:first-child {
    padding: 0;
  }
}
.cv-banner .cv-banner-inner > div:last-child {
  text-align: center;
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner > div:last-child {
    right: 20px;
    position: relative;
  }
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner > div:last-child {
    padding-left: 0px;
  }
}
.cv-banner .cv-banner-inner > div:last-child div:nth-child(1) {
  background-color: white;
  padding: 10px;
}
.cv-banner .cv-banner-inner > div:last-child div:nth-child(1) span {
  color: #f08d18;
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner > div:last-child div:nth-child(1) {
    background: none;
    padding: 6px;
    color: white;
    margin: 0 20px;
  }
}
.cv-banner .cv-banner-inner > div:last-child div:nth-child(2) img {
  width: 28px;
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner > div:last-child div:nth-child(2) img {
    max-width: 64%;
    font-size: 22px;
  }
}
.cv-banner .cv-banner-inner > div:last-child div:nth-child(2) a {
  color: white;
  font-size: 28px;
  font-weight: bold;
  border-radius: 30px;
  padding: 10px 0;
  background-color: #f08d18;
  max-width: 90%;
  font-family: "Roboto";
}
@media screen and (max-width: 800px) {
  .cv-banner .cv-banner-inner > div:last-child div:nth-child(2) a {
    max-width: 60%;
    font-size: 22px;
  }
}
.cv-banner .cv-banner-inner > div:last-child div:nth-child(3) img {
  width: 14px;
}
.cv-banner .cv-banner-inner > div:last-child div:nth-child(3) a {
  color: white;
  font-size: 12px;
  font-weight: bold;
  border: none;
  text-decoration: underline;
}

.article-banner {
  margin-top: 40px;
  max-width: 800px;
}

.back-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  margin: auto;
  top: 20px;
  position: relative;
  font-size: 16px;
}
.back-button:before {
  color: #afcc12;
  content: "chevron_left";
  font-family: "Material Icons";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.list__footer-jpx, .list__footer-pmark {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  max-width: 800px;
  margin: 2px auto;
  padding: 24px 8px;
}
@media screen and (min-width: 767px) {
  .list__footer-jpx, .list__footer-pmark {
    text-align: left;
    padding: 10px 0;
    font-weight: bold;
    font-size: 15px;
    padding: 24px 0;
  }
}
.list__footer-jpx ul, .list__footer-pmark ul {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
@media screen and (min-width: 767px) {
  .list__footer-jpx ul, .list__footer-pmark ul {
    justify-content: center;
    align-items: center;
  }
}
.list__footer-jpx li:last-child, .list__footer-pmark li:last-child {
  padding: 0 10px;
  line-height: 1.6;
}
.list__footer-jpx img, .list__footer-pmark img {
  min-width: 40px;
  width: 40px;
  line-height: 0;
  vertical-align: middle;
}
.list__footer-jpx strong, .list__footer-pmark strong {
  color: #eb6877;
  font-size: 13px;
}

.list__footer-pmark {
  margin-top: 4px;
  border-bottom: 1px solid #dedede;
}

.copyright {
  padding: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  border-top: 1px solid #ccc;
  background: #333;
}

.section-finish .section-inner button {
  margin: 20px 0 !important;
  background-color: #f08d18 !important;
  color: white !important;
  padding: 20px 20px !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 27px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  width: 100% !important;
}

.section-finish .section-inner form fieldset {
  margin-top: 20px !important;
}

.section-result .result-comment.result-type-1,
.section-result .result-comment.result-type-2 {
  background-color: #4c5b02 !important;
}

.result-form-title {
  line-height: 1.5;
  font-weight: bold;
}

.result-showing h1 {
  display: none;
}

@media screen and (min-width: 768px) {
  .blog-cv-step__contact-tel {
    font-size: 36px;
  }
}
.cv-banner .cv-banner-inner > div:last-child {
  text-align: center;
  padding-left: 0;
  padding-right: 30px;
}

.article-banner--pc .article-banner_main .article-banner_button {
  margin-right: 20px;
}