@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap);
*/
/* ========================================
katatore_form.css
======================================== */

/* -------------------------------改行セット */
@media screen and (min-width: 768px) {
  .spBreak {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pcBreak {
    display: none !important;
  }
}
body {
  margin: 0;
}
body.is-menu-open {
  overflow: hidden
}
ol li, ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
header, div.katore_form {
  font: 62.5%/1.231 "Noto Sans JP", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}
.p-atc .c-breadcrumb__item a,
.p-atc .c-container a,
.p-atc .side__txt {
  text-decoration: none;
}

/* -------------------------------基本セット */
/*PCで無効*/
.pc_hid {
  display: none;
}

/*スマートフォンで有効*/
@media screen and (max-width: 768px) {
  .pc_hid {
    display: block;
  }
  .sectionInner {
    margin: 0 auto;
  }
}
/*PCで有効*/
.sp_hid {
  display: block;
}
/*スマートフォンで無効*/
@media screen and (max-width: 768px) {
  .sp_hid {
    display: none;
  }
  /* 【要確認】スマホ無効化エリアですが、このマージン設定で合っているか確認してください */
  .sectionInner {
    margin: 140px auto 0;
  }
}

.sectionInner {
  display: block;
  width: 1080px;
  padding: 0;
  margin: 0 auto;
}
.sectionInner h3 {
  font-size: 3rem;
  padding-top: 20px;
  margin: 4em 0 2em;
  line-height: 1.1;
  color: #000;
  text-align: center;
  font-weight: bold;
}
#thanks .sectionInner h3{
margin: 20% 0 2em;	
}
#thanks .c-button.is-sm, .c-button-social > a.is-sm{font-size: 1.4375rem;}
.sectionInner h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.tex_box {
  margin: 20px 0;
}

@media screen and (max-width: 767px) {
  .sectionInner {
    width: 90%;
  }
  .sectionInner h2 {
    font-size: 3rem;
    width: 90%;
  }
  .sectionInner h3 {
    font-size: 2rem;
    width: 90%;
    margin: 3em auto 2em;
  }
}

.l-footer.is-management .c-pagetop a {
  background: #403c3c;
  border: 1px solid #fff;
}
.c-pagetop a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .2);
  text-decoration: none;
  transition: all .2s 0s ease;
  font-size: 1.5625rem;
  line-height: 1;
  background: #15181c;
}

@media screen and (min-width: 59.31251em) {
  .c-pagetop.is-absolute {
    bottom: 9rem;
  }
}

/* ------------------------------Accordion */
.acd-check {
  display: none;
}
.acd-label {
  color: #000;
  display: block;
  margin-bottom: 1px;
  padding: 20px 0 20px 50px;
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  border: solid 1px #999999;
}
.acd-label:before {
  color: #a0dee0;
  display: block;
  box-sizing: border-box;
  content: '\f007';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.5em;
  height: 42px;
  padding: 13px 0 0 13px;
  position: absolute;
  left: 0;
  top: 0px;
}
.acd-label:after {
  color: #7d0000;
  display: block;
  box-sizing: border-box;
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1.8em;
  height: 42px;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0px;
}
.acd-content {
  width: 100%;
  border: 1px solid #999999;
  display: flex;
  flex-direction: column;
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
  margin: 10px auto;
}
.acd-content .acd-text {
  width: 70%;
  font-size: 1.2em;
  margin: 10px auto;
  color: #333333;
  line-height: 170%;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.acd-content .acd-img {
  width: 70%;
  margin: 10px auto;
}
.acd-content .acd-img img {
  width: 100%;
}
.acd-check:checked + .acd-label:after {
  content: '\f106';
}
.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .acd-label {
    padding: 20px 10% 20px 50px;
  }
  .acd-content .acd-text {
    width: 100%;
    margin-left: 0;
  }
  .acd-content .acd-img {
    width: 100%;
  }
}

/* ------------------------------header */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
.l-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 10px 20px;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
  background: #fff;
}
.l-header__logo {
  flex-shrink: 0;
}
.l-header__logo > img {
  width: auto;
  height: 36px;
}
.l-header__nav > ul {
  display: flex;
  gap: 5px 32px;
  flex-wrap: wrap;
}
.l-header__nav > ul > li > a {
  font-size: 1.2rem;
  white-space: nowrap;
  font-weight: 700;
  margin-right: 0;
}
.l-header__nav-wrap {
  display: flex;
  gap: 28px;
  align-items: center;
}
.l-header__cta {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.l-header__hamburger {
  position: relative;
  z-index: 3;
  width: 24px;
  height: 24px;
  border: none;
  background: 0 0;
  cursor: pointer;
}
.l-header__hamburger > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  transition: transform .3s, opacity .3s;
}
.l-header__hamburger > span:nth-child(1) {
  top: 6px;
}
.l-header__hamburger > span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.l-header__hamburger > span:nth-child(3) {
  bottom: 6px;
}
.l-header__hamburger.is-open > span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.l-header__hamburger.is-open > span:nth-child(2) {
  opacity: 0;
}
.l-header__hamburger.is-open > span:nth-child(3) {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%) rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .l-header {
    min-width: 1000px;
  }
  .l-header__inner {
    height: 80px;
    padding: 0 35px;
  }
  .l-header__logo {
    padding-right: 16px;
  }
  .l-header__logo > img {
    height: 51px;
  }
  .l-header__nav > ul > li > a {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .l-header__nav {
    margin-bottom: 20px;
  }

  .l-header__nav-wrap {
    gap: 0;
    flex-direction: column;
    align-items: stretch;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(100dvh - 56px);
    padding: 20px;
    overflow-y: auto;
    background: #f4fff7;
    opacity: 0;
    transition: opacity .3s, visibility .3s;
  }
  .l-header__nav-wrap.is-open {
    visibility: visible;
    opacity: 1;
  }
  .l-header__cta {
    gap: 12px;
    flex-direction: column;
    max-width: 225px;
    margin-inline: auto;
  }
}
/*--------------------------------*/
@media screen and (max-width:767px) {
  .sp-none {
    display: none
  }
  #lbox .lbox-inr {
    padding: 2.4vw 2.93vw;
    width: 100%
  }

  .l-header__nav > ul {
    gap: 0;
    flex-direction: column
  }
  .l-header__nav > ul > li > a {
    display: block;
    padding: 16px 0;
    font-size: 1.4rem;
    font-weight: 700
  }
  .l-header__nav-wrap {
    gap: 0;
    flex-direction: column;
    align-items: stretch;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(100dvh - 56px);
    padding: 20px;
    overflow-y: auto;
    background: #f4fff7;
    opacity: 0;
    transition: opacity .3s,visibility .3s
  }

  .l-header__cta {
    gap: 12px;
    flex-direction: column;
    max-width: 225px;
    margin-inline: auto
  }
  .mv__text {
    display: grid;
    place-content: center;
    margin-bottom: -1.8666666667vw
  }
  .mv__logo {
    margin: 0 -2% 0 -6%
  }
  .mv__box .m-btn-02 {
    width: 100%;
    max-width: 326px
  }
  .problem__cards {
    margin: 0 -2%
  }
  .lead__chart {
    margin: 0 -8px
  }
  .lead__chart img {
    width: 100%
  }
  .study__flow {
    flex-direction: column
  }
  .study__flow-item {
    padding: 24px 0 0 0
  }
  .study__flow-item:nth-child(1) {
    padding: 10px 0 0 0
  }
  .plan__card-discription {
    margin-right: 4.5333333333vw
  }
  .plan__card-discription img {
    width: 22vw
  }
  .plan__card-list > li {
    padding-left: 5.3333333333vw;
    margin-bottom: 1.6vw
  }
  .plan__card-list > li::before {
    font-size: 3.7333333333vw
  }
  .fixed-bnr {
    display: none
  }
}
/* ------------------------------Form */
div.katore_form input[type="radio"] {
  visibility: visible;
  width: auto;
  margin: 0 5px 0 0;
}
.form_radiobox_katatore {
  margin: 15px 0;
}
.form_row .right .form_radiobox label {
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .form_radiobox label {
    display: flex !important;
    flex-direction: column !important;
    align-content: flex-start;
  }
  div.katore_form .form_radiobox_katatore label {
    /*flex-direction: column !important;*/
    align-content: flex-start;
  }
  .form_radiobox label input[type="checkbox"], 
  input[type="checkbox"] + label {
    margin-top: -10px !important; 
  }
}
  /* ------------------------------btn */
  .c-button.is-sm, .c-button-social > a.is-sm {
    padding: 1rem 3rem 1rem 1.3125rem;
    font-size: .9375rem;
    line-height: 1.4;
    --letter-spacing: 0.03em; 
    font-weight: 700;
    max-width: 16.125rem;
  }
  .c-button.is-sm::after, .c-button-social > a.is-sm::after {
    width: 1.5rem;
    height: .25rem;
  }
  .c-button, .c-button-social > a {
    position: relative;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    text-decoration: none;
    width: 100%;
    max-width: 22.25rem;
    background-color: #003379;
    padding: 1.5rem 4.375rem 1.5rem 2.5rem;
    font-size: 1rem;
    line-height: 2;
    --letter-spacing: 0.03em; 
    font-weight: 700;
    transition: all .3s;
    border: 1px solid #003379;
    overflow: hidden;
    z-index: 1;
  }
  .c-button::before, .c-button-social > a::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all .2s 0s ease;
    z-index: -1;
  }
  .c-button:hover, .c-button-social > a:hover {
    opacity: 1;
    color: #003379;
  }
  .c-button:hover::before, .c-button-social > a:hover::before {
    transform: translateX(0);
  }
  .c-button:hover::after, .c-button-social > a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.226' height='6.857' viewBox='0 0 33.226 6.857'%3E%3Cg transform='translate(0 0.357)'%3E%3Cpath d='M-15058.322-3320.786h32l-6.129-6' transform='translate(15058.322 3326.786)' fill='none' stroke='%23003379' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  }


/* ------------------------------footer */
#thanks .l-footer.is-management{
	position: absolute;
    bottom: 0;
    width: 100%;
}
.c-pagetop a:after {
  content: "";
  background: url("/wp-content/themes/achievement-renew-html/dist/assets/images/icon-arrow-top.svg") no-repeat center center/contain;
  width: 2.1rem;
  height: 1em;
}

.l-footer.is-management {
  background: #403c3c;
}
.l-footer.is-management .c-pagetop a {
  background: #403c3c;
  border: 1px solid #fff;
}
.l-footer.is-management .l-footer__logo {
  margin-bottom: 0rem;
  line-height: 0;
}
.l-footer.is-management .l-footer__tel .is-icon {
  display: none;
}
.l-footer.is-management .l-footer__tel .is-texts, 
.l-footer.is-management .l-footer__tel .is-number a {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
.l-footer.is-management .l-footer__bottom {
  margin-top: 2.375rem;
}
.l-footer {
  background: #15181c;
  color: #fff;
  padding: 5.25rem 0 1.9375rem;
  position: relative
}
@media screen and (max-width: 59.3125em) {
  .l-footer {
    padding: 2.5rem 0 2rem
  }
}

.l-footer.is-management {
  padding:4rem 0 2.5rem;
}
.l-footer.is-management .l-footer__banners-sp {
  display: none;
}
.c-pagetop.is-absolute {
  position: absolute;
  opacity: 1;
}
/* 【要確認】750emだと12000px以上になってしまうため、おそらく750pxなどのタイポです */
@media screen and (min-width: 750px) {
  .l-footer.is-management .c-pagetop.is-absolute {
    top: 4rem;
    right: 2.2rem;
    bottom: auto;
  }
}
@media screen and (max-width: 59.3125em){
	    .c-pagetop {
        right: 1.25rem;
        bottom: 2rem;
    }
	.c-pagetop a {
        width: 3.25rem;
        height: 3.25rem;
}

.l-footer.is-management .l-container {
  max-width: 100%;
}
}
@media screen and (min-width: 46.875em) {
  .l-footer.is-management .l-container {
    padding: 0px 2.2rem 0 6rem;
  }
}
@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .l-container {
        padding-right: 16px;
        padding-left: 16px;
    }
}
.l-footer.is-management .l-footer__tel {
  margin-bottom: 0;
}
.l-footer.is-management .l-footer__sns {
  display: none;
}
.l-footer.is-management .l-footer__menu {
  display: none;
}
.l-footer.is-management .l-footer__banners {
  display: none;
}
.l-footer.is-management .l-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.8rem;
}
.l-footer.is-management .l-footer__links {
  margin-top: 0;
}
.l-footer.is-management .l-footer__links ul {
  margin: 0;
  width: 100%;
}
.l-footer.is-management .l-footer__links ul.is-management {
  display: flex;
}
ul.is-management {
  padding: 0;
}
.l-footer.is-management .l-footer__links ul.is-general {
  display: none;
}
.l-footer.is-management .l-footer__links ul li {
  padding: 0;
}
.l-footer.is-management .l-footer__links ul li:not(:last-child) {
  margin-right: 1.625rem;
  padding-right: 1.625rem;
}
.l-footer.is-management .l-footer__links ul li a {
  font-size: 1.375rem;
  line-height: 1.5714285714;
  --letter-spacing: 0.03em;
  font-weight: 700;
}
.l-footer__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 59.3125em) {
  .l-footer__main {
    display: block;
  }
}

.l-footer__tel {
  display: flex;
  align-items: flex-start;
  font-family: "Noto Serif JP";
  margin-bottom: 2.1875rem;
}
.l-footer__tel .is-icon {
  font-family: "Material Icons";
  font-size: 2.25rem;
  flex-shrink: 0;
  margin-right: .4375rem;
  line-height: 1;
  position: relative;
  top: 3px;
}
.l-footer__tel .is-number {
  display: block;
  font-size: 1.75rem;
  line-height: 1.2857142857;
  --letter-spacing: 0em;
  font-weight: 700;
}
.l-footer__tel .is-number a {
  text-decoration: none;
  font-family: "Noto Serif JP";
  color: #fff;
  font-size: 2.75rem;
  line-height: 1.2857142857;
  --letter-spacing: 0em;
  font-weight: 700;
}
.l-footer__tel .is-text {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  --letter-spacing: 0em;
  font-weight: 700;
}
.l-footer__logo {
  display: block;
  margin-bottom: 1.25rem;
}
.l-footer__company {
  max-width: 278px;
  flex-shrink: 0;
  margin-right: 6.125rem;
}

@media screen and (max-width: 59.3125em) {
  .l-footer__company {
    margin: 0 0 0rem;
  }
}

.l-footer__sns {
  display: flex;
}
.l-footer__sns-item {
  display: flex;
  align-items: center;
}
.l-footer__sns-item:not(:last-child) {
  margin-right: 1.875rem;
}
.l-footer__sns-item span {
  display: flex;
  align-items: center;
}
.l-footer__sns-item img {
  height: 1.625rem;
}
.l-footer__sns-item img.is-sm {
  height: 1.375rem;
}
.l-footer__menu {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 59.3125em) {
  .l-footer__menu {
    display: none;
  }
}

.l-footer__section {
  width: 100%;
}
.l-footer__section:not(:last-child) {
  margin-right: 4.875rem;
}
.l-footer__block:not(:last-child) {
  margin-bottom: 1.5rem;
}
.l-footer__menutitle span, .l-footer__menutitle a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  --letter-spacing: 0.03em;
  font-weight: 700;
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.l-footer__menutitle a:hover {
  opacity: .5;
}
.l-footer__menulist {
  margin-top: .6875rem;
}
.l-footer__menulist li {
  line-height: 1;
}
.l-footer__menulist li a {
  text-decoration: none;
  position: relative;
  color: #fff;
  font-size: .8125rem;
  line-height: 2.1538461538;
  --letter-spacing: 0.03em;
  font-weight: 400;
  padding-left: .5rem;
}
.l-footer__menulist li a::before {
  content: "-";
  position: absolute;
  top: -5px;
  left: 0;
}
.l-footer__menulist li a:hover {
  opacity: .5;
}
.l-footer__banners-sp {
  display: none;
}

@media screen and (max-width: 59.3125em) {
  .l-footer__banners-sp {
    display: block;
    margin-bottom: 3.125rem;
  }
}

.l-footer__banners-sp li {
  line-height: 1;
}
.l-footer__banners-sp li:not(:last-child) {
  margin-bottom: 1.3125rem;
}
.l-footer__banners-sp a {
  display: block;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5;
  --letter-spacing: 0.03em;
  font-weight: 700;
  color: #fff;
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  position: relative;
}
.l-footer__banners-sp a::after {
  content: "";
  background: url("../images/icon-arrow-right.svg") no-repeat center center/contain;
  width: .3125rem;
  height: .5625rem;
  position: absolute;
  top: 50%;
  right: .625rem;
  transform: translateY(-50%);
}
.l-footer__banners-sp a:hover {
  opacity: .5;
}
.l-footer__links {
  margin-top: 5rem;
}

@media screen and (max-width: 59.3125em) {
  .l-footer__links {
    display: none;
  }
}

.l-footer__links ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 50px);
  margin-left: -1.5625rem;
}
.l-footer__links ul.is-management {
  display: none;
}
.l-footer__links ul li {
  line-height: 1;
  padding: 0 1.5625rem;
}
.l-footer__links ul li:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, .3);
}
.l-footer__links ul a {
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.4285714286;
  --letter-spacing: 0.03em;
  font-weight: 700;
  color: #fff;
}
.l-footer__links ul a:hover {
  opacity: .5;
}
.l-footer__banners {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.375rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 59.3125em) {
  .l-footer__banners {
    display: none;
  }
}

.l-footer__banner {
  display: block;
  width: calc((100% / 5) - (12px * (5 - 1) / 5));
}
.l-footer__banner:not(:nth-child(5n+1)) {
  margin-left: 12px;
}
.l-footer__banner:not(:nth-child(-n+5)) {
  margin-top: .75rem;
}
.l-footer__banner:hover {
  opacity: .5;
}
.l-footer__copyright {
  opacity: .5;
  font-size: 1.4125rem;
  line-height: 1.4615384615;
  --letter-spacing: 0.03em;
  font-weight: 400;
}
.l-footer__logo > img {
  width: auto;
  height: 40px
}
@media screen and (min-width:768px) {
	.l-footer__logo > img {
    height: 50px
  }
	}
@media screen and (min-width: 0em) and (max-width: 46.8125em) {
  .c-aside-nav.is-lp ul li a .material-icons {
    display: none;
  }
}
	@media screen and (max-width: 767px){
		.label_text {
			        white-space: normal;
	}
}