/* responsive */
/* sp */
@media screen and (max-width: 767px) {
  main {
    overflow: hidden;
  }
  .bg-main {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/main_bg_sp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateZ(0);
  }
  .bg-left {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/left_illust_sp.png);
    background-size: 80% 95%;
    background-repeat: no-repeat;
    transform: translate(-10%, 0%);
    position: absolute;
    left: 0;
    width: 79.61px;
    height: 577.71px;
  }
  .bg-right {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/right_illust_sp.png);
    background-size: 82% 95%;
    background-repeat: no-repeat;
    transform: translate(25%, 0%);
    position: absolute;
    right: 0;
    width: 72.72px;
    height: 577.57px;
  }
  .bg-left2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/leaf_left2_sp.png);
    background-repeat: no-repeat;
    background-size: 85% 90%;
    transform: translate(0%, -1%);
    position: absolute;
    left: 0;
    width: 57px;
    height: 1758px;
  }
  .bg-right2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/leaf_right2_sp.png);
    background-repeat: no-repeat;
    background-size: 85% 90%;
    transform: translate(24%, -1%);
    position: absolute;
    right: 0;
    width: 57px;
    height: 1758px;
  }
  .section1 .part1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/bg_dot_sp.png);
    background-repeat: no-repeat;
    background-repeat-x: repeat;
    padding-bottom: 32px;
  }
  .section1 .part1 .head {
    margin: 0 auto;
    width: calc(320 / 375 * 100vw);
  }
  .section1 .part1 .head .heading {
    margin: 0 auto;
    padding-top: 32px;
    width: 256px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section1 .part1 .head .main-illust-area {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    align-items: center;
    text-align: center;
    margin: 0.5rem 0 2.5rem;
  }
  .section1 .part1 .head .main-illust-area .subtitle {
    margin-right: 0;
  }
  .section1 .part1 .head .main-illust-area p {
    margin-bottom: 16px;
  }
  .section1 .part1 .head .main-illust-area img {
    width: 95%;
    height: 95%;
  }
  .section1 .part1 .head .explanation {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    font-size: 18px;
  }
  .section1 .part1 .head .explanation p {
    margin: 0;
  }
  .section1 .part1 .head .explanation img {
    margin-top: 16px;
  }
  .section1 .part1 .head .title {
    font-size: 32px;
    margin: 0;
    text-align: center;
  }
  .section1 .part1 .head .subtitle {
    font-size: 24px;
  }
  .section1 .part1 .head .clover_top {
    width: 42px;
    height: 42px;
  }

  .section2 .bg-dot {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot.png);
    background-repeat: repeat;
    margin: 16px 0 32px;
  }
  .section2 .title {
    font-size: 18px;
    margin-bottom: 19px;
  }
  .section2 .subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 2px;
  }
  .section2 .part h3 {
    background-size: 20px;
  }
  .section2 h3 .list {
    font-size: 16px;
  }
  .section2 h3 .text {
    font-size: 16px;
  }
  .section2 .part h3 .list {
    margin-left: -23px;
    margin-right: 16px;
  }
  .section2 .heading,
  .section2 .heading2 {
    position: relative;
  }

  .section3 .part .title {
    font-size: 18px;
  }
  .section3 .part .message {
    display: flex;
    justify-content: center;
    margin: 24px 16px 32px;
    font-size: 16px;
  }

  .section3 .part .subtitle {
    font-size: 18px;
    margin: 32px 16px;
  }

  .section3 .part .knowledge {
    margin: 0 auto;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section3 .part .knowledge .description {
    margin: 24px 16px 0;
  }
  .section3 .part .knowledge .description span {
    margin-bottom: 12px;
  }
  .section3 .part .knowledge .description .links {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
  }

  .section3 .part .documents {
    margin: 0 20px 32px;
  }

  .section3 .part .documents .document-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .section3 .part .documents .red,
  .section3 .part .documents .blue,
  .section3 .part .documents .green,
  .section3 .part .documents .pink {
    display: flex;
  }

  .section3 .part .documents .red .vertical-line {
    border: 1px solid #f18d5f;
    background-color: #f18d5f;
    height: auto;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .red .heading p:first-child {
    color: #f18d5f;
    margin-bottom: 8px;
  }

  .section3 .part .documents .blue .vertical-line {
    border: 1px solid #7192be;
    background-color: #7192be;
    height: auto;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .blue .heading p:first-child {
    color: #7192be;
    margin-bottom: 8px;
  }

  .section3 .part .documents .green .vertical-line {
    border: 1px solid #69a197;
    background-color: #69a197;
    height: auto;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .green .heading p:first-child {
    color: #69a197;
    margin-bottom: 8px;
  }

  .section3 .part .documents .pink .vertical-line {
    border: 1px solid #EC8D98;
    background-color: #EC8D98;
    height: auto;
    width: 4px;
    margin-right: 16px;
  }
  .section3 .part .documents .pink .heading p:first-child {
    color: #EC8D98;
    margin-bottom: 8px;
  }

  .section3 .part .documents .blue,
  .section3 .part .documents .green,
  .section3 .part .documents .pink {
    padding-top: 32px;
    margin-right: auto;
  }

  .section3 .part .documents .heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .section3 .part .documents .detail1,
  .section3 .part .documents .detail2,
  .section3 .part .documents .detail3 {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .section3 .part .documents .detail1 img {
    margin-right: 4px;
  }

  .section3 .part .documents .detail2 .illust,
  .section3 .part .documents .detail3 .illust {
    margin: 0 auto;
    width: calc(180 / 375 * 100vw);
  }

  .section3 .part .documents .detail1 .detail-message p:first-child,
  .section3 .part .documents .detail2 .detail-message p:first-child,
  .section3 .part .documents .detail3 .detail-message p:first-child {
    margin: 32px 0 16px;
  }

  .section3 .part .documents .detail1 .detail-message p:nth-child(2),
  .section3 .part .documents .detail2 .detail-message p:nth-child(2),
  .section3 .part .documents .detail3 .detail-message p:nth-child(2) {
    margin-bottom: 4px;
  }

  .section3 .part .documents .detail1 .detail-message .download,
  .section3 .part .documents .detail2 .detail-message .download,
  .section3 .part .documents .detail3 .detail-message .download {
    margin: 24px auto 0;
  }

  .section3 .part .documents .detail1 .detail-message .download p,
  .section3 .part .documents .detail3 .detail-message .download p,
  .section3 .part .documents .detail2 .detail-message .download p {
    /* margin: 0 24px 0 12px; */
  }

  .section4 .part .title {
    font-size: 20px;
  }

  .section2 .bg-step1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
  }
  .section2 .bg-step2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    transform: translateY(-169px);
    padding: 45% 0 80px;
  }
  .section3 .bg-step3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 80px;
    margin-top: -180px;
    z-index: 2;
  }
  .section3 .bg-step4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    top: -120px;
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .section3 .bg-step5 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -120px;
    z-index: 2;
  }
  .section3 .bg-step6 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step6.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 40px;
    margin-top: -80px;
  }

  .bg-step1 .head_title,
  .bg-step2 .head_title,
  .bg-step3 .head_title,
  .bg-step5 .head_title,
  .bg-step6 .head_title,
  .bg-step7 .head_title,
  .bg-step8 .head_title,
  .bg-step9 .head_title {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    margin: 0 auto;
    position: relative;
  }
  .bg-step3 .head_title.pat01{
    white-space: normal;
  }

  .bg-step1 .head_title .leaf1 {
    position: absolute;
    top: -35px;
    left: -350px;
    right: 0;
    margin: 0 auto;
    width: 54px;
    height: 62px;
  }
  .bg-step1 .subtext {
    margin: 0 24px;
  }

  .bg-step1 .judgement-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 36px;
  }

  .bg-step1 .judgement-box .speech-bubble1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 226px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    transform: translateX(-24%);
  }
  .bg-step1 .judgement-box .speech-bubble2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 236px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    transform: translate(28%, -5%);
  }
  .bg-step1 .judgement-box .speech-bubble3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    transform: translate(-32%, -15%);
  }

  .bg-step1 .head_title .leaf2 {
    display: none;
  }
  .bg-step1 .head_title .leaf3 {
    transform: translate(15%, -20%);
  }
  .bg-step1 .head_title .leaf4 {
    transform: translate(-5%, -25%);
  }

  .bg-step1 .benefit {
    display: flex;
    flex-direction: column;
    /* padding-bottom: 100px; */
    padding: 0 55px 100px;
  }
  .bg-step1 .benefit .benefit1,
  .bg-step1 .benefit .benefit2,
  .bg-step1 .benefit .benefit3,
  .bg-step1 .benefit .benefit4 {
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: cover;
    width: 228px;
    height: 374px;
    padding-bottom: 12px;
    max-width: 263px;
    max-height: 374px;
    position: relative;
  }
  .bg-step1 .benefit .benefit4 {
    /* width: calc(200 / 375 * 100vw);
    height: calc(324 / 375 * 100vw); */
  }
  .bg-step1 .benefit span:nth-child(1) {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .bg-step1 .benefit span:nth-child(2) {
    font-size: 14px;
    text-align: left;
  }
  .bg-step1 .benefit4 span:nth-child(1) {
    margin-bottom: 12px;
    font-size: 14px;
  }
  .bg-step1 .benefit .benefit1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case1.png);
    /* transform: translateX(30%); */
    margin-right: auto;
    margin-left: calc(18 / 480 * 100vw);
    margin-top: 48px;
  }
  .bg-step1 .benefit .benefit1 .leaf {
    position: absolute;
    /* top: calc(-18 / 375 * 100vw);
    left: calc(-18 / 375 * 100vw); */
    top: -35px;
    left: -20px;
    width: 95.25px;
    height: 92.84px;
  }
  .bg-step1 .benefit .benefit2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case2.png);
    /* transform: translateX(calc(148 / 375 * 100vw)); */
    margin-left: auto;
    margin-top: 12px;
  }
  .bg-step1 .benefit .benefit2 .leaf {
    position: absolute;
    /* bottom: calc(-28 / 375 * 100vw);
    left: calc(-24 / 375 * 100vw); */
    bottom: -35px;
    right: -10px;
    width: 94px;
    height: 56px;
  }
  .bg-step1 .benefit .benefit3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case3.png);
    /* transform: translateX(28%); */
    margin-right:auto ;
    margin-top: 32px;
  }
  .bg-step1 .benefit .benefit3 .leaf {
    position: absolute;
    /* top: calc(100 / 375 * 100vw);
    right: calc(-14 / 375 * 100vw); */
    top: 110px;
    right: -20px;
    width: 105px;
    height: 95px;
  }
  .bg-step1 .benefit .benefit4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case4.png);
    /* transform: translateX(calc(100 / 375 * 100vw)); */
    margin-left:auto ;
    margin-right: calc(60 / 480 * 100vw);
    margin-top: 12px;
  }
  .bg-step1 .benefit .benefit4 .leaf {
    position: absolute;
    /* bottom: calc(-68 / 375 * 100vw);
    right: calc(-26 / 375 * 100vw); */
    bottom: -75px;
    right: -40px;
    /* width: 196px;
    height: 106px; */
  }

  .bg-step2 .head_title .leaf5 {
    position: absolute;
    top: -95%;
    left: 0;
  }
  .bg-step2 .head_title .leaf6 {
    display: none;
  }
  .bg-step3 .head_title .leaf8 {
    width: calc(58 / 375 * 100vw);
    transform: translate(calc(8 / 375 * 100vw), 10px);
    padding-right: 10px;
  }
  .bg-step3 .head_title .leaf9 {
    width: calc(58 / 375 * 100vw);
    transform: translate(calc(-14 / 375 * 100vw), 4px);
    padding-left: 10px;
  }

  .bg-step2 .easy-steps {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(666 / 375 * 100vw);
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
  }

  .bg-step2 .easy-steps .easy-step-wrapper {
    position: relative;
  }

  .bg-step2 .easy-steps .easy-step1,
  .bg-step2 .easy-steps .easy-step2,
  .bg-step2 .easy-steps .easy-step3,
  .bg-step2 .easy-steps .easy-step4 {
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(205 / 375 * 100vw);
    width: calc(205 / 375 * 100vw);
    position: relative;
    display: flex;
    justify-content: center;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step1.png);
    transform: translate(5%, 0);
  }
  .bg-step2 .easy-steps .easy-step-wrapper .easy-step1 + .arrow {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow_sp.png);
    background-repeat: no-repeat;
    transform: rotateZ(-50deg);
    position: absolute;
    height: 104px;
    width: 40px;
    top: calc(140 / 375 * 100vw);
    right: calc(-24 / 375 * 100vw);
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step2.png);
    transform: translate(78%, -32%);
  }
  .bg-step2 .easy-steps .easy-step-wrapper .easy-step2 + .arrow {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow_sp.png);
    background-repeat: no-repeat;
    transform: rotateZ(130deg);
    position: absolute;
    height: 104px;
    width: 40px;
    top: calc(36 / 375 * 100vw);
    left: calc(149 / 375 * 100vw);
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step3.png);
    transform: translate(5%, -64%);
  }
  .bg-step2 .easy-steps .easy-step-wrapper .easy-step3 + .arrow {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow_sp.png);
    background-repeat: no-repeat;
    transform: rotateZ(-50deg);
    position: absolute;
    height: 104px;
    width: 40px;
    bottom: calc(82 / 375 * 100vw);
    right: calc(-22 / 375 * 100vw);
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step4.png);
    transform: translate(78%, -96%);
  }

  .bg-step2 .easy-steps + .head_title {
    margin-top: 32px;
  }
  .bg-step2 .head_title .leaf7 {
    transform: translateY(-20%);
  }

  .bg-step2 .explanation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 16px 32px;
  }

  .bg-step2 .explanation .text {
    font-size: 18px;
    margin: 0 auto 16px;
  }

  .bg-step2 .explanation .text:first-child {
    margin-top: 32px;
  }

  .bg-step2 .info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bg-step2 .info {
    font-size: 14px;
    margin: 0 32px;
  }

  .bg-step2 .info a,
  .bg-step2 .info a:visited {
    color: #29339b;
    font-weight: 600;
  }

  .bg-step4 .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px;
  }

  .bg-step4 .attempt-wrapper {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot_sp.png);
    padding: 32px 0;
    margin-top: 1.5rem;
  }

  .bg-step4 .attempt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .bg-step4 .attempt .attempt-subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 12px;
  }

  .bg-step4 .attempt .attempt-subtitle p:first-child {
    width: 178px;
  }

  .bg-step4 .attempt .attempt-subtitle p {
    margin: 0;
  }

  .bg-step4 .attempt p {
    text-align: center;
  }

  .bg-step4 .attempt p img {
    margin-left: 64px;
  }

  .bg-step4 .attempt img {
    width: 90%;
    height: 90%;
  }

  .bg-step5 .head_title_vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bg-step5 .messages {
    display: flex;
    justify-content: center;
    margin: 16px 16px 32px;
  }

  .bg-step5 .notes-wrapper {
    display: flex;
    justify-content: center;
  }
  .bg-step5 .notes {
    display: flex;
    justify-content: center;
    height: 37px;
    padding: 4px 16px;
    font-weight: bold;
  }

  .bg-step5 .banner-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 64px;
  }
  .bg-step5 .banner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bg-step5 .banner span {
    margin: 16px 0;
  }
  .bg-step5 .banner:nth-child(1) {
    background-color: #c3d9d5;
  }
  .bg-step5 .banner:nth-child(2) {
    background-color: #c6d3e5;
    display: flex;
    flex-direction: column;
  }

  .bg-step5 .banner .explanation {
    margin: 16px 0;
    width: 300px;
  }

  .bg-step5 .banner .link-setting {
    background-color: #f9d1bf;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    width: 100%;
  }
  .bg-step5 .banner .link-setting .tag {
    padding: 4px 24px 16px;
  }

  .bg-step5 .banner-caution {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_banner_caution.png);
    background-size: 100% 120%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 0 40px;
  }
  .bg-step5 .banner-caution .caution {
    display: flex;
    flex-direction: column;
    padding: 16px 16px;
  }

  .bg-step5 .banner-caution .caution span {
    text-align: center;
  }

  .bg-step5 .banner-caution .caution .first {
    margin-top: 16px;
  }
  .bg-step5 .banner-caution .caution p {
    text-align: left;
    margin-bottom: 8px;
  }

  .bg-step6 .head_title h2 {
    padding-bottom: 32px;
  }
  .bg-step6 .head_title .leaf13 {
    display: none;
  }
  .bg-step6 .head_title .leaf14 {
    display: none;
  }

  .bg-step6 .recruitment {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot.png);
    background-repeat: repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(176 / 375 * 100vw);
  }
  .bg-step6 .recruitment .family,
  .bg-step6 .recruitment .partner,
  .bg-step6 .recruitment .honnin {
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(270 / 375 * 100vw);
    height: 100%;
  }

  .bg-step6 .recruitment .family {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_family.png);
    transform: translate(28px, 30%);
  }
  .bg-step6 .recruitment .partner {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_partner.png);
    transform: translateY(10%);
    margin: 0 32px;
  }
  .bg-step6 .recruitment .honnin {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_honnin.png);
    transform: translate(-28px, 30%);
  }

  .bg-step6 .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 32px 16px;
  }
  .bg-step6 .messages .sub {
    font-size: 12px;
    margin-top: 16px;
  }

  .bg-step6 .news-wrapper {
    padding: 0 16px;
  }

  .bg-step6 .news {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 24px 0;
  }
  .bg-step6 .news a,
  .bg-step6 .news a:visited {
    color: #29339b;
    text-align: left;
    margin: 12px 16px 0;
    word-break: break-all;
  }

  .bg-step6 .news .subtitle {
    margin: 12px 32px 12px;
    text-align: left;
  }

  .bg-step6 .collaboration-partner {
    display: flex;
    flex-direction: column;
  }
  .bg-step6 .collaboration-partner .detail-text {
    padding-left: 0px;
  }
  .bg-step6 .collaboration-partner .detail,
  .bg-step6 .collaboration-partner .application {
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
  }
  .bg-step6 .collaboration-partner .detail p,
  .bg-step6 .collaboration-partner .application p {
    text-align: left;
  }
  .bg-step6 .collaboration-partner .detail a,
  .bg-step6 .collaboration-partner .application a {
    margin: 16px 0;
  }
  .bg-step6 .collaboration-partner .detail {
    background-color: #f5c6cb;
  }
  .bg-step6 .collaboration-partner .application {
    background-color: #f18d5f;
  }

  .bg-step8 .box,
  .bg-step9 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bg-step8 .box p,
  .bg-step9 .box p {
    margin: 32px 16px;
  }

  .bg-step8 .box p {
    text-align: center;
  }

  .bg-step8 {
    padding-top: 16px;
  }

  .bg-step9 {
    padding-top: 48px;
  }

  .label-button {
    font-size: 18px;
  }
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1259px) {
  main {
    overflow: hidden;
    max-width: 100vw;
  }
  .bg-main {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/main_bg_sp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateZ(0);
  }
  .bg-left {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/left_illust.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(-10%,0%);
    position: absolute;
    left: 0;
    width: 167px;
    height: 559px;
  }
  .bg-right {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/right_illust.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(20%, 0%);
    position: absolute;
    right: 0;
    width: 160px;
    height: 560px;
  }
  .bg-left2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/leaf_left2_tab.png);
    background-repeat: no-repeat;
    transform: translate(-3%, -7%);
    position: absolute;
    left: 0;
    width: 157px;
    height: 1033px;
  }
  .bg-right2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/leaf_right2_tab.png);
    background-repeat: no-repeat;
    transform: translate(67%, -9%);
    position: absolute;
    right: 0;
    width: 157px;
    height: 1044px;
  }
  .section1 .part1 {
    max-width: 100%;
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/bg_dot_sp.png);
    background-size: 100% 66%;
    background-repeat: no-repeat;
    padding-bottom: 32px;
  }
  .section1 .part1 .head {
    margin: 0 auto;
    width: calc(320 / 375 * 100vw);
  }
  .section1 .part1 .head .heading {
    margin: 0 auto;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section1 .part1 .head .main-illust-area {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    align-items: center;
    text-align: center;
    margin: 0.5rem 0 2.5rem;
  }
  .section1 .part1 .head .main-illust-area p {
    margin-bottom: 16px;
  }
  .section1 .part1 .head .explanation {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    font-size: 18px;
  }
  .section1 .part1 .head .explanation p {
    margin: 0;
  }
  .section1 .part1 .head .explanation img {
    margin-top: 16px;
  }
  .section1 .part1 .head .title {
    font-size: 32px;
    margin: 0;
    text-align: center;
  }
  .section1 .part1 .head .subtitle {
    font-size: 24px;
  }
  .section1 .part1 .head .clover_top {
    width: 42px;
    height: 42px;
  }

  .section2 .bg-dot {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot_tab.png);
    background-size: contain;
    margin: 16px 0 32px;
    height: 528px;
  }
  .section2 .title {
    font-size: 20px;
    margin-bottom: 19px;
  }
  .section2 .subtitle {
    display: flex;
    align-items: center;
  }
  .section2 .part h3 {
    background-size: 20px;
  }
  .section2 h3 .list {
    font-size: 16px;
  }
  .section2 h3 .text {
    font-size: 16px;
  }
  .section2 .part h3 .list {
    margin-left: -23px;
    margin-right: 16px;
  }
  .section2 .heading,
  .section2 .heading2 {
    position: relative;
  }

  .section2 .heading2 {
    font-size: 32px;
  }

  .section3 .part .title {
    font-size: 32px;
  }
  .section3 .part .message {
    display: flex;
    justify-content: center;
    margin: 24px auto 32px;
    width: 636px;
    font-size: 16px;
  }

  .section3 .part .subtitle {
    font-size: 24px;
    margin: 32px 16px;
    text-align: center;
  }

  .section3 .part .knowledge {
    width: 712px;
    margin: 0 auto;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section3 .part .knowledge .description {
    margin-top: 24px;
  }
  .section3 .part .knowledge .description span {
    margin-bottom: 12px;
  }
  .section3 .part .knowledge .description .links {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
  }

  .section3 .part .documents {
    margin: 0 20px 32px;
  }

  .section3 .part .documents .document-wrapper {
    display: flex;
    flex-direction: column;
    width: 712px;
    margin: 0 auto;
  }

  .section3 .part .documents .red,
  .section3 .part .documents .blue,
  .section3 .part .documents .green,
  .section3 .part .documents .pink {
    display: flex;
  }

  .section3 .part .documents .red .vertical-line {
    border: 1px solid #f18d5f;
    background-color: #f18d5f;
    height: 54px;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .red .heading p:first-child {
    color: #f18d5f;
    margin-bottom: 8px;
  }

  .section3 .part .documents .blue .vertical-line {
    border: 1px solid #7192be;
    background-color: #7192be;
    height: 58px;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .blue .heading p:first-child {
    color: #7192be;
    margin-bottom: 8px;
  }

  .section3 .part .documents .green .vertical-line {
    border: 1px solid #69a197;
    background-color: #69a197;
    height: 58px;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .green .heading p:first-child {
    color: #69a197;
    margin-bottom: 8px;
  }

  .section3 .part .documents .pink .vertical-line {
    border: 1px solid #EC8D98;
    background-color: #EC8D98;
    height: 58px;
    width: 4px;
    margin-right: 16px;
  }
  .section3 .part .documents .pink .heading p:first-child {
    color: #EC8D98;
    margin-bottom: 8px;
  }

  .section3 .part .documents .blue,
  .section3 .part .documents .green,
  .section3 .part .documents .pink {
    padding-top: 32px;
  }

  .section3 .part .documents .heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .section3 .part .documents .detail1,
  .section3 .part .documents .detail2,
  .section3 .part .documents .detail3 {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .section3 .part .documents .detail1 img:first-child() {
    width: 360px;
    margin-right: 4px;
  }

  .section3 .part .documents .detail2 .illust {
    margin: 0 60px 0 60px;
  }

  .section3 .part .documents .detail3 .illust {
    margin: 0 90px 0 100px;
  }

  .section3 .part .documents .detail1 .detail-message p:first-child,
  .section3 .part .documents .detail2 .detail-message p:first-child,
  .section3 .part .documents .detail3 .detail-message p:first-child {
    margin: 32px 0 16px;
  }

  .section3 .part .documents .detail1 .detail-message p:nth-child(2),
  .section3 .part .documents .detail2 .detail-message p:nth-child(2),
  .section3 .part .documents .detail3 .detail-message p:nth-child(2) {
    margin-bottom: 4px;
  }

  .section3 .part .documents .detail1 .detail-message .download,
  .section3 .part .documents .detail2 .detail-message .download,
  .section3 .part .documents .detail3 .detail-message .download {
    margin: 24px auto 0;
  }

  .section3 .part .documents .detail1 .detail-message .download p,
  .section3 .part .documents .detail3 .detail-message .download p,
  .section3 .part .documents .detail2 .detail-message .download p {
    /* margin: 0 24px 0 12px; */
  }

  .section4 .part .title {
    font-size: 32px;
  }

  .section2 .bg-step1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
  }
  .section2 .bg-step2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    transform: translateY(-280px);
    padding: 36% 0 80px;
  }
  .section3 .bg-step3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 80px;
    margin-top: -240px;
    z-index: 2;
  }
  .section3 .bg-step4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    top: -120px;
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .section3 .bg-step5 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white_sp.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -120px;
    z-index: 2;
  }
  .section3 .bg-step6 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step6.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 0px;
    margin-top: -80px;
  }

  .bg-step1 .head_title,
  .bg-step2 .head_title,
  .bg-step3 .head_title,
  .bg-step5 .head_title,
  .bg-step6 .head_title,
  .bg-step7 .head_title,
  .bg-step8 .head_title,
  .bg-step9 .head_title {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    margin: 0 auto;
    position: relative;
  }

  .bg-step1 .head_title .leaf1 {
    position: absolute;
    top: -18px;
    left: -555px;
    right: 0;
    margin: auto;
    width: 54px;
    height: 62px;
  }
  .bg-step1 .head_title .heading {
    font-size: 32px;
  }
  .bg-step1 .subtext {
    margin: 0 96px;
  }

  .bg-step1 .judgement-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
  }

  .bg-step1 .judgement-box .speech-bubble1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 266px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    transform: translate(12%, -40%);
  }
  .bg-step1 .judgement-box .speech-bubble2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 276px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    transform: translate(5%, 25%);
  }
  .bg-step1 .judgement-box .speech-bubble3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 292px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    transform: translate(0%, -30%);
  }

  .bg-step1 .head_title .leaf2 {
    display: none;
  }
  .bg-step1 .head_title .leaf3 {
    transform: translate(-15%, 0%);
  }
  .bg-step1 .head_title .leaf4 {
    transform: translate(-20%, 0%);
  }

  .bg-step1 .benefit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 124px;
    padding-bottom: 64px;
  }
  .bg-step1 .benefit .benefit1,
  .bg-step1 .benefit .benefit2,
  .bg-step1 .benefit .benefit3,
  .bg-step1 .benefit .benefit4 {
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: cover;
    width: 232px;
    /* height: 357px; */
    height: 370px;
    padding-bottom: 10px;
    position: relative;
  }
  .bg-step1 .benefit * span:nth-child(1) {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .bg-step1 .benefit * span:nth-child(2) {
    font-size: 14px;
    font-size: 16px;
    text-align: left;
  }
  .bg-step1 .benefit .benefit1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case1.png);
    margin-top: 48px;
  }
  .bg-step1 .benefit .benefit1 .leaf {
    position: absolute;
    top: -35px;
    left: -20px;
  }
  .bg-step1 .benefit .benefit2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case2.png);
    margin-top: 84px;
  }
  .bg-step1 .benefit .benefit2 .leaf {
    position: absolute;
    bottom: -35px;
    right: -10px;
  }
  .bg-step1 .benefit .benefit3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case3.png);
  }
  .bg-step1 .benefit .benefit3 .leaf {
    position: absolute;
    top: 110px;
    right: -20px;
  }
  .bg-step1 .benefit .benefit4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case4.png);
    margin-top: 48px;
  }
  .bg-step1 .benefit .benefit4 .leaf {
    position: absolute;
    bottom: -75px;
    right: -40px;
  }

  .bg-step2 .head_title .leaf5 {
    position: absolute;
    top: -60px;
    left: -640px;
    right: 0;
    margin: auto;
  }
  .bg-step2 .head_title .leaf6 {
    display: none;
  }

  .bg-step2 .easy-steps {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot_sp.png);
    background-size: contain;
    height: 490px;
    padding-top: 24px;
    display: flex;
    justify-content: center;
  }

  .bg-step2 .easy-steps .easy-step-wrapper {
    position: relative;
    height: 260px;
  }

  .bg-step2 .easy-steps .easy-step1,
  .bg-step2 .easy-steps .easy-step2,
  .bg-step2 .easy-steps .easy-step3,
  .bg-step2 .easy-steps .easy-step4 {
    background-repeat: no-repeat;
    background-size: contain;
    height: 240px;
    width: 240px;
    position: relative;
    display: flex;
    justify-content: center;
  }

  .easy-step-wrapper:nth-child(3),
  .easy-step-wrapper:nth-child(4) {
    bottom: 0;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step1.png);
    transform: translate(104px, 10px);
  }
  .bg-step2 .easy-steps .easy-step-wrapper .easy-step1 + .arrow {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow_sp.png);
    background-repeat: no-repeat;
    transform: rotateZ(0deg);
    position: absolute;
    height: 104px;
    width: 40px;
    bottom: -38px;
    right: -84px;
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step2.png);
    transform: translate(34px, 180px);
  }
  .bg-step2 .easy-steps .easy-step-wrapper .easy-step2 + .arrow {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow_sp.png);
    background-repeat: no-repeat;
    transform: rotateZ(-98deg);
    position: absolute;
    height: 104px;
    width: 40px;
    top: 160px;
    right: -46px;
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step3.png);
    transform: translate(-50px, -6px);
  }
  .bg-step2 .easy-steps .easy-step-wrapper .easy-step3 + .arrow {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow_sp.png);
    background-repeat: no-repeat;
    transform: rotateZ(-2deg);
    position: absolute;
    height: 104px;
    width: 40px;
    bottom: -16px;
    right: 64px;
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step-wrapper .easy-step4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step4.png);
    transform: translate(-112px, 152px);
  }

  .bg-step2 .easy-steps + .head_title {
    margin-top: 32px;
  }
  .bg-step2 .head_title .leaf7 {
    transform: translateY(-20%);
  }

  .bg-step2 .explanation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 16px 32px;
  }

  .bg-step2 .explanation .text {
    font-size: 18px;
    margin: 0 auto 16px;
  }

  .bg-step2 .explanation .text:first-child {
    margin-top: 32px;
  }

  .bg-step2 .info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bg-step2 .info {
    font-size: 14px;
    margin: 0 32px;
  }

  .bg-step2 .info a,
  .bg-step2 .info a:visited {
    color: #29339b;
    font-weight: 600;
  }

  .bg-step4 .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px;
  }

  .bg-step4 .attempt-wrapper {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot_sp.png);
    padding: 32px 0;
    margin-top: 1.5rem;
  }

  .bg-step4 .attempt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .bg-step4 .attempt .attempt-subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 12px;
  }
  .bg-step4 .attempt .attempt-subtitle p {
    margin: 0;
  }

  .bg-step4 .attempt p {
    text-align: center;
  }

  .bg-step4 .attempt p img {
    margin-left: 64px;
  }

  .bg-step5 .head_title_vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bg-step5 .messages {
    display: flex;
    justify-content: center;
    width: 654px;
    margin: 16px auto 32px;
  }

  .bg-step5 .notes-wrapper {
    display: flex;
    justify-content: center;
  }
  .bg-step5 .notes {
    display: flex;
    justify-content: center;
    height: 37px;
    padding: 4px 8px;
    font-weight: bold;
  }

  .bg-step5 .banner-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 64px;
  }
  .bg-step5 .banner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bg-step5 .banner span {
    margin: 16px 0;
  }
  .bg-step5 .banner:nth-child(1) {
    background-color: #c3d9d5;
  }
  .bg-step5 .banner:nth-child(2) {
    background-color: #c6d3e5;
    display: flex;
    flex-direction: column;
  }

  .bg-step5 .banner .explanation {
    margin: 16px 0;
    width: 300px;
  }

  .bg-step5 .banner .link-setting {
    background-color: #f9d1bf;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    width: 100%;
  }
  .bg-step5 .banner .link-setting .tag {
    display: flex;
    padding: 4px 24px 16px;
    width: 512px;
  }

  .bg-step5 .banner-caution {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_banner_caution.png);
    background-size: 100% 120%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 0 40px;
  }
  .bg-step5 .banner-caution .caution {
    display: flex;
    flex-direction: column;
    padding: 16px 48px;
  }

  .bg-step5 .banner-caution .caution span {
    text-align: center;
  }

  .bg-step5 .banner-caution .caution .first {
    margin-top: 16px;
  }
  .bg-step5 .banner-caution .caution p {
    text-align: left;
    margin-bottom: 8px;
  }

  .bg-step6 .head_title h2 {
    padding-bottom: 32px;
  }
  .bg-step6 .head_title .leaf13 {
    display: none;
  }
  .bg-step6 .head_title .leaf14 {
    display: none;
  }

  .bg-step6 .recruitment {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 356px;
  }
  .bg-step6 .recruitment .family {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_family.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(64px, 42px);
    width: 240px;
    height: 230px;
  }
  .bg-step6 .recruitment .partner {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_partner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 240px;
    height: 230px;
    margin: 0 64px;
    z-index: 10;
  }
  .bg-step6 .recruitment .honnin {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_honnin.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(-64px, 42px);
    width: 240px;
    height: 230px;
  }

  .bg-step6 .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 32px 56px;
  }
  .bg-step6 .messages .sub {
    font-size: 12px;
    margin-top: 16px;
  }

  .bg-step6 .news-wrapper {
    padding: 0 16px;
  }

  .bg-step6 .news {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 24px 0 48px;
  }
  .bg-step6 .news a,
  .bg-step6 .news a:visited {
    color: #29339b;
    text-align: left;
    margin: 12px 32px 0;
  }

  .bg-step6 .news .subtitle {
    margin: 12px 32px 12px;
    text-align: left;
    font-size: 16px;
  }

  .bg-step6 .collaboration-partner {
    display: flex;
    flex-direction: column;
  }
  .bg-step6 .collaboration-partner .detail-text {
    padding-left: 0px;
  }
  .bg-step6 .collaboration-partner .detail,
  .bg-step6 .collaboration-partner .application {
    display: flex;
    flex-direction: column;
    padding: 32px;
  }
  .bg-step6 .collaboration-partner .detail p,
  .bg-step6 .collaboration-partner .application p {
    text-align: left;
  }
  .bg-step6 .collaboration-partner .detail a,
  .bg-step6 .collaboration-partner .application a {
    margin: 16px 0;
  }
  .bg-step6 .collaboration-partner .detail {
    background-color: #f5c6cb;
  }
  .bg-step6 .collaboration-partner .application {
    background-color: #f18d5f;
  }

  .bg-step8 .box,
  .bg-step9 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bg-step8 .box p,
  .bg-step9 .box p {
    margin: 32px 0;
  }

  .bg-step8 .box p {
    text-align: center;
  }
  .bg-step8 .box .text {
    width: 55%;
  }

  .bg-step8 {
    padding-top: 16px;
  }

  .bg-step9 {
    padding-top: 48px;
  }
}

.section1 .part1 .head .main-illust-area .main-illust-area-pdf__txt{
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

/* pc */
@media screen and (min-width: 1260px) {
  main {
    overflow: hidden;
  }

  .bg-main {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/main_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 723px;
  }
  .bg-dot {
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .bg-left {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/left_illust.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top -15px left -15px;
    position: absolute;
    left: 0;
    width: 167.57px;
    height: 743.64px;
  }
  .bg-right {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/right_illust.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top -12px right -36px;
    position: absolute;
    right: 0;
    width: 175.3px;
    height: 754.99px;
  }
  .section1 .part1 .head {
    margin: 0 auto;
    width: 980px;
    padding-top: 32px;
  }
  .section1 .part1 .head .heading {
    display: flex;
    justify-content: center;
  }
  .section1 .part1 .head .main-illust-area {
    margin: 1.5rem 0 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section1 .part1 .head .main-illust-area .main-illust-area-pdf{
    margin-top: 32px;
  }
  .section1 .part1 .head .main-illust-area .main-illust-area-pdf .main-illust-area-btn{
    margin-top: 8px;
    text-align-last: left;
  }
  .section1 .part1 .head .explanation {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section1 .part1 .head .explanation p {
    width: 464px;
  }
  .section1 .part1 .head .title {
    font-size: 38px;
    margin: 0;
    text-align: left;
  }
  .section1 .part1 .head .subtitle {
    font-size: 26px;
  }
  .section1 .part1 .head .clover_top {
    width: 56px;
    height: 56px;
  }
  .section2 .title {
    font-size: 32px;
    margin: 0 0 36px;
  }
  .section2 .subtitle {
    font-size: 24px;
    margin-bottom: 36px;
    white-space: nowrap;
    margin: 0;
    display: flex;
  }
  .section2 .bg-dot {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot.png);
    background-size: contain;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 16px 0 32px;
  }
  .section2 .bg-step1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
  }
  .section2 .bg-step2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    transform: translateY(-117px);
    padding: 5% 0 80px;
  }
  .section3 {
    position: relative;
  }
  .section3 .side_leaf_left {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/side_leaf_left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top 0px left -25px;
    position: absolute;
    left: 0;
    width: 153px;
    height: 3066px;
    z-index: 100;
  }
  .section3 .side_leaf_right {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/side_leaf_right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top 0px right -30px;
    position: absolute;
    right: 0;
    width: 166px;
    height: 3055px;
    z-index: 100;
  }
  .section3 .bg-step3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 120px;
    margin-top: -80px;
    z-index: 2;
  }

  .bg-step3 .head_title .leaf8 {
    left: 0;
  }
  .section3 .bg-step4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    top: -120px;
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .section3 .bg-step5 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_white.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin-top: -80px;
    z-index: 2;
  }
  .section3 .bg-step6 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_step6.png);
    background-size: 100% 98%;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 0px;
    margin-top: -80px;
  }
  .section2 .benefit {
    display: flex;
    justify-content: center;
  }
  .section2 .benefit .benefit1,
  .section2 .benefit .benefit2,
  .section2 .benefit .benefit3,
  .section2 .benefit .benefit4 {
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    width: 232px;
    height: 370px;
    padding-bottom: 10px;
  }
  .section2 .benefit * span:nth-child(1) {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .section2 .benefit * span:nth-child(2) {
    font-size: 14px;
    font-size: 16px;
    text-align: left;
  }
  .section2 .benefit .benefit1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case1.png);
    margin-right: 32px;
    position: relative;
  }
  .section2 .benefit .benefit1 .leaf {
    position: absolute;
    top: -35px;
    left: -20px;
  }
  .section2 .benefit .benefit2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case2.png);
    margin-right: 32px;
    margin-top: 100px;
    position: relative;
  }
  .section2 .benefit .benefit2 .leaf {
    position: absolute;
    bottom: -35px;
    right: -15px;
  }
  .section2 .benefit .benefit3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case3.png);
    margin-right: 32px;
    margin-top: 30px;
    position: relative;
  }
  .section2 .benefit .benefit3 .leaf {
    position: absolute;
    top: 110px;
    right: -20px;
  }
  .section2 .benefit .benefit4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/case4.png);
    margin-top: 70px;
    position: relative;
  }
  .section2 .benefit .benefit4 .leaf {
    position: absolute;
    bottom: -75px;
    right: -40px;
  }

  .section2 .part h3 {
    background-size: 32px;
  }
  .section2 h3 .list {
    font-size: 20px;
  }
  .section2 h3 .text {
    font-size: 18px;
  }
  .section2 .part h3 .list {
    margin-left: -19px;
    margin-right: 24px;
    margin-top: 3px;
    height: 40px;
  }
  .section2 .part h3 .non {
    margin-left: 0px;
  }
  .section3 .part .title {
    font-size: 32px;
  }
  .section3 .part .message {
    display: flex;
    justify-content: center;
    margin: 24px auto 0;
    width: 640px;
    font-size: 16px;
  }
  .section3 .part .subtitle {
    font-size: 24px;
    margin: 16px 32px;
  }
  .section3 .part .knowledge {
    margin-bottom: 32px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .section3 .part .knowledge .description {
    margin-left: 24px;
    width: 648px;
  }
  .section3 .part .knowledge .description span {
    margin-bottom: 12px;
  }
  .section3 .part .knowledge .description .links {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
  }

  .section3 .part .documents {
    margin-bottom: 32px;
  }

  .section3 .part .documents .document-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .section3 .part .documents .red,
  .section3 .part .documents .blue,
  .section3 .part .documents .green,
  .section3 .part .documents .pink {
    display: flex;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-495px);
  }

  .section3 .part .documents .red .vertical-line {
    border: 1px solid #f18d5f;
    background-color: #f18d5f;
    height: 57px;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .red .heading p:first-child {
    color: #f18d5f;
    margin-bottom: 8px;
  }

  .section3 .part .documents .blue .vertical-line {
    border: 1px solid #7192be;
    background-color: #7192be;
    height: 57px;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .blue .heading p:first-child {
    color: #7192be;
    margin-bottom: 8px;
  }

  .section3 .part .documents .green .vertical-line {
    border: 1px solid #69a197;
    background-color: #69a197;
    height: 57px;
    width: 4px;
    margin-right: 16px;
  }

  .section3 .part .documents .green .heading p:first-child {
    color: #69a197;
    margin-bottom: 8px;
  }

  .section3 .part .documents .pink .vertical-line {
    border: 1px solid #EC8D98;
    background-color: #EC8D98;
    height: 57px;
    width: 4px;
    margin-right: 16px;
  }
  .section3 .part .documents .pink .heading p:first-child {
    color: #EC8D98;
    margin-bottom: 8px;
  }
  .section3 .part .documents .detail3 .sompo_img{
    margin: 0 0 0 18px !important;
  }
  .section3 .part .documents .detail3 .sompo_con{
    margin-left: 16px;
  }

  .section3 .part .documents .blue,
  .section3 .part .documents .green,
  .section3 .part .documents .pink {
    padding-top: 32px;
  }

  .section3 .part .documents .heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .section3 .part .documents .detail1,
  .section3 .part .documents .detail2,
  .section3 .part .documents .detail3 {
    margin-top: 16px;
    display: flex;
    justify-content: flex-start;
  }

  .section3 .part .documents .detail1 img {
    margin-right: 4px;
  }

  .section3 .part .documents .detail2 .illust {
    margin: 0 60px 0 60px;
  }

  .section3 .part .documents .detail3 .illust {
    margin: 0 90px 0 100px;
  }

  .section3 .part .documents .detail1 .detail-message,
  .section3 .part .documents .detail2 .detail-message,
  .section3 .part .documents .detail3 .detail-message {
    width: 648px;
  }

  .section3 .part .documents .detail1 .detail-message p:first-child,
  .section3 .part .documents .detail2 .detail-message p:first-child,
  .section3 .part .documents .detail3 .detail-message p:first-child {
    margin-bottom: 16px;
  }

  .section3 .part .documents .detail1 .detail-message p:nth-child(2),
  .section3 .part .documents .detail2 .detail-message p:nth-child(2),
  .section3 .part .documents .detail3 .detail-message p:nth-child(2) {
    margin-bottom: 4px;
  }

  .section3 .part .documents .detail1 .detail-message .download,
  .section3 .part .documents .detail2 .detail-message .download,
  .section3 .part .documents .detail3 .detail-message .download {
    margin-top: 24px;
    margin-left: auto;
  }

  .section3 .part .documents .detail1 .detail-message .download p,
  .section3 .part .documents .detail3 .detail-message .download p,
  .section3 .part .documents .detail2 .detail-message .download p {
    /* margin: 0 24px 0 12px; */
  }

  .section3 .part .pc_center {
    text-align: center;
  }

  .section4 {
    padding-bottom: 64px;
  }

  .section4 .part .title {
    font-size: 32px;
  }
  .section4 .side_leaf_left {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/side_leaf_left2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top 0px left -15px;
    position: absolute;
    left: 0;
    width: 138px;
    height: 877px;
    z-index: 100;
  }
  .section4 .side_leaf_right {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/side_leaf_right2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top 0px right -28px;
    position: absolute;
    right: 0;
    width: 160px;
    height: 870px;
    z-index: 100;
  }

  .section1 .part1 {
    max-width: 100%;
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/head/bg_dot.png);
    background-size: 100% 75%;
    background-repeat: no-repeat;
  }

  .bg-step2 .easy-steps {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    padding: 32px 0;
  }

  .bg-step2 .easy-steps .easy-step1,
  .bg-step2 .easy-steps .easy-step2,
  .bg-step2 .easy-steps .easy-step3,
  .bg-step2 .easy-steps .easy-step4 {
    background-repeat: no-repeat;
    background-size: contain;
    height: 240px;
    width: 240px;
    position: relative;
    display: flex;
    justify-content: center;
  }

  .bg-step2 .easy-steps .easy-step1 span,
  .bg-step2 .easy-steps .easy-step2 span,
  .bg-step2 .easy-steps .easy-step3 span,
  .bg-step2 .easy-steps .easy-step4 span {
    position: absolute;
    bottom: 25px;
    text-align: center;
  }

  .bg-step2 .easy-steps .easy-step1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step1.png);
  }
  .bg-step2 .easy-steps .easy-step1:after {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow.png);
    position: absolute;
    height: 88px;
    width: 32px;
    bottom: 10px;
    right: -15px;
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step2.png);
    margin-top: 40px;
    margin-right: 10px;
  }
  .bg-step2 .easy-steps .easy-step2:after {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow.png);
    position: absolute;
    height: 88px;
    width: 32px;
    top: 20px;
    right: -15px;
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step3.png);
  }
  .bg-step2 .easy-steps .easy-step3:after {
    content: '';
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/right_arrow.png);
    position: absolute;
    height: 88px;
    width: 32px;
    top: 90px;
    right: -15px;
    z-index: 10;
  }

  .bg-step2 .easy-steps .easy-step4 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/easy_step4.png);
    margin-top: 30px;
  }

  .bg-step2 .subtitle {
    display: flex;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    margin: 24px 0;
    position: relative;
  }

  .bg-step2 .explanation {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
  }

  .bg-step2 .explanation .text {
    width: 512px;
    margin-left: 16px;
  }

  .bg-step2 .info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 612px;
    margin: 0 auto;
  }

  .bg-step2 .info {
    font-size: 14px;
    margin-top: 24px;
  }

  .bg-step2 .info a,
  .bg-step2 .info a:visited {
    color: #29339b;
    font-weight: 600;
  }

  .bg-step1 .head_title,
  .bg-step2 .head_title,
  .bg-step3 .head_title,
  .bg-step5 .head_title,
  .bg-step6 .head_title,
  .bg-step7 .head_title,
  .bg-step8 .head_title,
  .bg-step9 .head_title {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    margin: 0 auto;
  }
  .bg-step5 .head_title_vertical {
    flex-direction: column;
    align-items: center;
  }
  .bg-step6 .head_title {
    margin-top: -32px;
  }

  .bg-step1 .head_title + p {
    margin-top: -56px;
  }

  .bg-step1 .head_title .leaf1 {
    transform: translate(100%, -45%);
  }
  .bg-step1 .head_title .heading {
    margin-left: 64px;
  }
  .bg-step1 .head_title .leaf2 {
    transform: translate(-25%, -15%);
  }
  .bg-step1 .head_title .leaf3 {
    transform: translateY(-25%);
  }
  .bg-step1 .head_title .leaf4 {
    transform: translate(-25%, -20%);
  }

  .bg-step1 .subtext {
    width: 640px;
    margin: 0 auto;
  }

  .bg-step1 .judgement-box {
    display: flex;
    justify-content: center;
    padding: 48px 0;
  }

  .bg-step1 .judgement-box .speech-bubble1 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 266px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
  }
  .bg-step1 .judgement-box .speech-bubble2 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 276px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin: 0 64px;
    transform: translateY(30px);
  }
  .bg-step1 .judgement-box .speech-bubble3 {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/speech_bubble3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 260px;
    height: 292px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    transform: translateY(-10px);
  }

  .bg-step2 .head_title .leaf5 {
    transform: translate(50%, -30%);
  }
  .bg-step2 .head_title .leaf6 {
    transform: translate(-10%, 5%);
  }

  .bg-step3 .subtitle,
  .bg-step5 .subtitle {
    margin-left: 16px !important;
  }

  .bg-step4 .subtitle {
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .bg-step4 .messages {
    width: 648px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .bg-step4 .attempt-wrapper {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot_white.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .bg-step4 .attempt {
    margin: 1.5rem 0 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
  }

  .bg-step4 .attempt .attempt-subtitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .bg-step4 .attempt .attempt-subtitle p:first-child {
    width: 238px;
  }
  .bg-step4 .attempt .attempt-subtitle p {
    margin: 0;
  }

  .bg-step4 .attempt p {
    text-align: left;
  }

  .bg-step4 .attempt p img {
    margin-left: 64px;
  }

  .bg-step5 .messages {
    width: 648px;
    display: flex;
    justify-content: center;
    margin: 16px auto 32px;
  }

  .bg-step5 .notes-wrapper {
    display: flex;
    justify-content: center;
  }
  .bg-step5 .notes {
    display: flex;
    justify-content: center;
    height: 37px;
    padding: 4px 8px;
    font-weight: bold;
  }

  .bg-step5 .banner-wrapper {
    display: flex;
    margin-top: 16px;
  }
  .bg-step5 .banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
  }
  .bg-step5 .banner span {
    margin: 16px 0;
  }
  .bg-step5 .banner:nth-child(1) {
    background-color: #c3d9d5;
  }
  .bg-step5 .banner:nth-child(2) {
    background-color: #c6d3e5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .bg-step5 .banner .explanation {
    margin-top: 16px;
    padding-bottom: 32px;
    width: 300px;
  }

  .bg-step5 .banner .link-setting {
    background-color: #f9d1bf;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    width: 100%;
  }
  .bg-step5 .banner .link-setting .tag {
    display: flex;
    padding: 4px 24px 16px;
  }

  .bg-step5 .banner-caution {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_banner_caution.png);
    background-size: 100% 120%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    padding: 16px 0 40px;
  }
  .bg-step5 .banner-caution .caution {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 16px 48px;
  }

  .bg-step5 .banner-caution .caution span {
    text-align: center;
  }

  .bg-step5 .banner-caution .caution .first {
    margin-top: 16px;
  }
  .bg-step5 .banner-caution .caution p {
    text-align: left;
    margin-bottom: 8px;
  }

  .bg-step6 .head_title h2 {
    padding-top: 32px;
  }
  .bg-step6 .head_title .leaf13 {
    transform: translateX(-10%);
  }
  .bg-step6 .head_title .leaf14 {
    transform: translateX(10%);
  }

  .bg-step6 .recruitment {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/bg_dot.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 356px;
  }
  .bg-step6 .recruitment .family {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_family.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(64px, 42px);
    width: 270px;
    height: 260px;
  }
  .bg-step6 .recruitment .partner {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_partner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 260px;
    height: 267px;
    margin: 0 64px;
    z-index: 10;
  }
  .bg-step6 .recruitment .honnin {
    background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/new_lp/n_honnin.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(-64px, 42px);
    width: 260px;
    height: 260px;
  }

  .bg-step6 .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 32px auto;
    width: 640px;
  }
  .bg-step6 .messages .sub {
    font-size: 12px;
    margin-top: 16px;
  }

  .bg-step6 .news-wrapper {
    padding: 0 20%;
  }

  .bg-step6 .news {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 24px 0;
    box-shadow: 3px 6px 6px rgb(0 0 0 / 16%);
  }
  .bg-step6 .news p {
    width: 648px;
    margin: 12px auto;
  }
  .bg-step6 .news a,
  .bg-step6 .news a:visited {
    color: #29339b;
  }

  .bg-step6 .news .subtitle {
    margin: 12px 32px 12px;
    padding: 24px;
    font-size: 20px;
  }

  .bg-step6 .collaboration-partner {
    display: flex;
    box-shadow: 3px 6px 6px rgb(0 0 0 / 16%);
  }
  .bg-step6 .collaboration-partner .detail-text {
    padding-left: 32px;
  }
  .bg-step6 .collaboration-partner .detail,
  .bg-step6 .collaboration-partner .application {
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
    width: 50%;
    text-align: left;
  }
  .bg-step6 .collaboration-partner .detail p,
  .bg-step6 .collaboration-partner .application p {
    width: 100;
    text-align: left;
  }
  .bg-step6 .collaboration-partner .detail a,
  .bg-step6 .collaboration-partner .application a {
    margin: 16px 0;
  }
  .bg-step6 .collaboration-partner .detail {
    background-color: #f5c6cb;
  }
  .bg-step6 .collaboration-partner .application {
    background-color: #f18d5f;
  }

  .bg-step8 .box,
  .bg-step9 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bg-step8 .box p,
  .bg-step9 .box p {
    margin: 32px 0;
    width: 640px;
  }

  .bg-step8 .box p {
    text-align: center;
  }
  .bg-step8 .box .text {
    width: 26%;
  }

  .bg-step9 .box p {
    display: flex;
    justify-content: center;
  }

  .bg-step8 {
    padding-top: 16px;
  }

  .bg-step9 {
    padding-top: 48px;
  }

  .banner {
    display: flex;
  }
}

/* 脳の健康チェックフリーダイヤル */
.section1.bg {
  background: linear-gradient(to right, rgba(236, 141, 152, 0.36), rgb(241, 198, 161, 0.36));
}

/* 脳の健康チェックフリーダイヤルとは？ */
.section2 .part h3 {
  background-repeat: no-repeat;
  background-position-y: 2px;
  background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/step_title_flower.png);
}

.section2 .step .bg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 82px;
  width: 100%;
  background: linear-gradient(to right, rgba(236, 140, 153, 0.5), rgba(241, 197, 160, 0.5));
  border-radius: 5px;
}

.section2 .notes {
  padding: 24px;
  background-color: #eee;
}

.section2 .notes a {
  color: #319cbe;
  font-weight: 700;
}

.section4 .part1 {
  min-height: 250px;
  flex-direction: column;
  justify-content: center;
}

.section4 .bg {
  min-height: 250px;
  background-position-y: 22px;
  background-repeat: repeat-x;
  background-image: url(/content/dam/nttcom/hq/jp/business/lp/brainhealth/img/bg_dot.svg);
  background-color: rgba(255, 255, 255, 0.2);
  background-blend-mode: lighten;
}

.hr {
  border-color: #666;
}

/* お問い合わせ */
.section5 .part1 .contact_button {
  height: 40px;
  width: 432px;
  max-width: calc(100vw - 48px);
  background-color: #319cbe;
  border-radius: 5px;
  color: #fff;
}

.banner > img {
  margin: 0 auto;
}

.clover-small {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}



/* sp */
@media screen and (max-width: 767px) {
  .section2-box01{
    margin-top: 35px;
    padding: 20px;
  }

  .section2-box01 .subtitle{
    font-weight: bold;
    font-size: 24px;
    line-height: 1.79;
    text-align: center;
    color: #000;
    background-image: none;
  }

  .section2-box01 .label-button{
    width: auto;
    max-width: 476px;
    margin: 15.7px auto 0;
    height: 61px;
    padding: 0 30px;
    font-family: "Yu Gothic";
    font-weight: bold;
    font-size: 16px;
    line-height: 1.9;
    text-align: center;
    color: #000;
  }

  .section2-box02 {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 20px;
  }
  .section2-box02 .head_title{
    height: 57.69px;
    align-items: center;
  }
  .section2-box02-wrap {
    width: auto;
  }
  .section2-box02-wrap + .section2-box02-wrap {
    margin-top: 20px;
  }
  .section2-box02__txt{
    font-weight: normal;
    font-size: 16px;
    line-height: 1.625;
    text-align: left;
    color: #000;
  }
  .section2-box02 .label-button{
    margin: auto;
    margin-top: 8px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.9;
    text-align: center;
    color: #000;
    width: auto;
    max-width: 476px;
    padding: 0 30px;
    height: 61px;
  }
  .section2-box02 .subtitle{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.625;
    text-align: center;
    color: #000;
  }
  .section1 .part1 .head .main-illust-area .main-illust-area-pdf .main-illust-area-btn{
    margin-top: 8px;
    display: flex;
    justify-content: center;
  }
  .section1 .part1 .head .main-illust-area .main-illust-area-box{
    margin-bottom: 15px;
  }
}

/* tb */
@media screen and (min-width: 768px) and (max-width: 1259px) {

  .section2-box01{
    margin-top: 70px;
  }

  .section2-box01 .subtitle{
    font-weight: bold;
    font-size: 24px;
    line-height: 1.79;
    text-align: center;
    color: #000;
    background-image: none;
  }

  .section2-box01 .label-button{
    margin: 32.7px auto 0;
    width: 476px;
    font-family: "Yu Gothic";
    font-weight: bold;
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
    color: #000;
  }

  .section2-box02 {
    width: 712px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 39.3px;
  }
  .section2-box02 .head_title{
    height: 57.69px;
    align-items: center;
  }
  .section2-box02-wrap {
    width: auto;
  }
  .section2-box02-wrap + .section2-box02-wrap {
    margin-top: 39px;
  }
  .section2-box02__txt{
    font-weight: normal;
    font-size: 16px;
    line-height: 1.625;
    text-align: left;
    color: #000;
  }
  .section2-box02 .label-button{
    margin: auto;
    margin-top: 16px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
    color: #000;
    width: 476px;
  }
  .section2-box02 .subtitle{
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    color: #000;
  }
  .section1 .part1 .head .main-illust-area .main-illust-area-pdf .main-illust-area-btn{
    margin-top: 8px;
    display: flex;
    justify-content: center;
  }
  .section1 .part1 .head .main-illust-area .main-illust-area-box{
    margin-bottom: 30px;
  }
}

/* pc */
@media screen and (min-width: 1260px) {

  .section2-box01{
    margin-top: 70px;
  }

  .section2-box01 .subtitle{
    font-weight: bold;
    font-size: 24px;
    line-height: 1.79;
    text-align: center;
    color: #000;
    background-image: none;
  }

  .section2-box01 .label-button{
    margin: 32.7px auto 0;
    width: 476px;
    font-family: "Yu Gothic";
    font-weight: bold;
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
    color: #000;
  }

  .section2-box02{
    width: 1024px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 39.3px;
  }
  .section2-box02 .head_title{
    height: 57.69px;
    align-items: center;
  }
  .section2-box02-wrap{
    width: calc((100% - 64px) / 2);
  }
  .section2-box02__txt{
    font-weight: normal;
    font-size: 16px;
    line-height: 1.625;
    text-align: left;
    color: #000;
  }
  .section2-box02 .label-button{
    width: 476px;
    margin: auto;
    margin-top: 16px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
    color: #000;
  }
  .section2-box02 .subtitle{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #000;
  }
}
.section2-box01-wrap-btn{
  margin-top: 15.7px;
}
.section2-box02-wrap-btn{
  margin-top: 15.7px;
}
.c-inquiry-btn__pdf{
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 455px) {
  .bg-step2 .head_title .leaf5 {
    display: none;
  }
}