@charset "UTF-8";

@media (min-width: 768px) {
  .under_ttl_img {
    position: relative;
    z-index: 6;
    margin-top: -10.5vw;
    margin-bottom: 0vw;
  }
  .data .ttl_cell {
    margin: 0 auto 3.125vw;
  }
  .data .ttl_cell h2 {
    width: max-content;
    height: 5.2vw;
    background: #fff;
    font-size: 5.0vw;
    font-weight: 600;
    line-height: 5.2vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 0 auto 1.38vw;
    padding: 0 1.0vw;
  }
  .data .ttl_cell p {
    text-align: center;
    line-height: 1;
    font-size: 1.38vw;
    color: #fff;
    font-weight: 500;
  }
  .data .event .ttl_cell p {
    color: #000;
  }

  .data .bg_blu {
    position: relative;
    z-index: 2;
    margin-top: -0.5vw;
    background: url(../img/work-life-balance/bg_blu.png) no-repeat center;
    background-size: cover;
    padding: 4.8vw 0 9.16vw;
  }

  .data .bg_blu ul.stats-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 77.7vw;
    margin: 0 auto;
  }
  .data .bg_blu ul li {
    background: #fff;
    text-align: center;
    position: relative;
    padding: 0vw 0 0vw;
    height: 24vw;
  }
  .data .bg_blu ul li:after {
    display: block;
    position: absolute;
    content: "";
  }
  .data .bg_blu ul li:nth-child(1) {
    width: 29.5vw;
    height: 21.1vw;
    margin: 0 0 1.7vw;
    padding: 2.9vw 0 0 22.5vw;
  }
  .data .bg_blu ul li:nth-child(1):after {
    width: 26.4vw;
    height: 24vw;
    background: url(../img/data/innumber_01.png) no-repeat center;
    background-size: 100% 100%;
    left: 0;
    top: 0;
  }
  .data .bg_blu ul li:nth-child(2) {
    width: 24vw;
    height: 20.6vw;
    margin: 0 0 1.7vw;
    padding: 3.4vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(2):after {
    width: 17vw;
    height: 7.29vw;
    background: url(../img/data/innumber_02.png) no-repeat center;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    top: 6.25vw;
    margin: auto;
  }
  .data .bg_blu ul li:nth-child(3) {
    width: 23.7vw;
    height: 20.2vw;
    margin: 0 0 1.7vw;
    padding: 3.8vw 0 0 14.3vw;
  }
  .data .bg_blu ul li:nth-child(3):after {
    width: 9.09vw;
    height: 7.7vw;
    background: url(../img/data/innumber_03.png) no-repeat center;
    background-size: 100% 100%;
    left: 2.7vw;
    top: 8.8vw;
  }
  .data .bg_blu ul li:nth-child(4) {
    width: 25.3vw;
    height: 20.2vw;
    margin: 0 0 1.7vw;
    padding: 3.8vw 0 0 12.7vw;
  }
  .data .bg_blu ul li:nth-child(4):after {
    width: 9.16vw;
    height: 13.4vw;
    background: url(../img/data/innumber_04.png) no-repeat center;
    background-size: 100% 100%;
    left: 2.3vw;
    bottom: 2.7vw;
  }
  .data .bg_blu ul li:nth-child(5) {
    width: 24.8vw;
    height: 21.7vw;
    margin: 0 0 0vw;
    padding: 2.3vw 0 0;
  }
  .data .bg_blu ul li:nth-child(5):after {
    width: 100%;
    height: 9.0vw;
    background: url(../img/data/innumber_05.png) no-repeat center;
    background-size: 100% 100%;
    left: 0vw;
    bottom: 0vw;
  }
  .data .bg_blu ul li:nth-child(6) {
    width: 24.8vw;
    height: 21.7vw;
    margin: 0 0 0vw;
    padding: 2.3vw 0 0;
  }
  .data .bg_blu ul li:nth-child(6):after {
    width: 23.6vw;
    height: 8.6vw;
    background: url(../img/data/innumber_06.png) no-repeat center;
    background-size: 100% 100%;
    left: 0vw;
    bottom: 0vw;
  }
  .data .bg_blu ul li:nth-child(7) {
    width: 24.8vw;
    height: 21.7vw;
    margin: 0 0 0vw;
    padding: 2.3vw 0 0;
  }
  .data .bg_blu ul li:nth-child(7):after {
    width: 100%;
    height: 9.09vw;
    background: url(../img/data/innumber_07.png) no-repeat center;
    background-size: 100% 100%;
    left: 0vw;
    bottom: 0vw;
  }
  .data .bg_blu ul li .stat-item {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .data .bg_blu ul li .ttl {
    font-size: 1.66vw;
    font-weight: bold;
    color: #000;
    line-height: 1;
    margin: 0 auto 1.0vw;
  }
  .data .bg_blu ul li:nth-child(1) .ttl {
    margin: 0 0 3.125vw;
  }
  .data .bg_blu ul li:nth-child(2) .ttl {
    margin: 0 0 8.75vw;
  }
  .data .bg_blu ul li:nth-child(3) .ttl,
  .data .bg_blu ul li:nth-child(4) .ttl {
    margin: 0 0 3.4vw;
    text-align: left;
  }
  .data .bg_blu ul li:nth-child(5) .ttl,
  .data .bg_blu ul li:nth-child(6) .ttl,
  .data .bg_blu ul li:nth-child(7) .ttl {
    margin: 0 auto;
  }
  .data .bg_blu ul li .stat-number {
    font-size: 9.2vw;
    font-weight: bold;
    color: #1AAEFA;
    line-height: 1;
    letter-spacing: -0.04em;
  }
  .data .bg_blu ul li .stat-item span {
    font-size: 1.66vw;
    font-weight: bold;
    margin-left: 0.5vw
  }
  .data .bg_blu ul li:nth-child(3) .stat-item span,
  .data .bg_blu ul li:nth-child(4) .stat-item span {
    font-size: 3.33vw;
  }
  .data .bg_blu ul li .attention {
    position: absolute;
    font-size: 0.83vw;
    font-weight: 500;
    color: #8E8E8E;
    line-height: 1;
    width: max-content;
  }
  .data .bg_blu ul li:nth-child(1) .attention {
    right: 0.5vw;
    bottom: 0.7vw;
  }
  .data .bg_blu ul li:nth-child(2) .attention {
    right: 0.5vw;
    bottom: 0.7vw;
  }
  .data .bg_blu ul li:nth-child(6) .attention {
    left: 0;
    right: 0;
    top: 13.6vw;
    margin: auto;
    text-align: center;
  }
  .data .bg_blu ul li .flcell {
    display: flex;
    justify-content: center;
  }
  .data .bg_blu ul li .flcell .stat-item {
    margin: 0 0.7vw;
  }
  .data .bg_blu ul li .flcell .stat-number {
    font-size: 5.55vw;
  }
  .data .survey .ttl_cell {
    margin-top: -3.125vw;
  }
  .data .survey .ttl_cell p {
    color: #000;
  }
  .data .survey .lead {
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 2.0;
    width: 43.8vw;
    margin: 0 auto 5.9vw;
    text-align: center;
  }

  .responsive-tabs {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin: 0 auto 0;
  }
  .responsive-tabs li {
    margin: 0 1.6vw;
  }
  .responsive-tabs li a {
    position: relative;
    display: flex;
    justify-content: center;
    width: 19.2vw;
    height: 7.2vw;
    background: #1AAEFA;
    color: #fff;
    font-size: 2.22vw;
    font-weight: bold;
    transform: rotate(-2.98deg);
    padding: 2.4vw 0 0;
  }
  .responsive-tabs li a::after {
    position: absolute;
    display: block;
    content: "";
    width: 2.15vw;
    height: 0.9vw;
    background: url(../img/data/icon_arrow.png) no-repeat center;
    background-size: 100% 100%;
    left: 0vw;
    right: 0;
    bottom: 1.0vw;
    margin: auto;
  }
  .survey h3 {
    position: relative;
    z-index: 3;
    margin: 0 0 3.125vw 7.3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19.2vw;
    height: 5.7vw;
    color: #fff;
    font-size: 2.22vw;
    font-weight: bold;
    background: #1AAEFA;
    transform: rotate(-2.98deg);
  }
  .survey #section1 {
    position: relative;
    z-index: 1;
    padding: 13.5vw 0 0vw;
    background: #F9F9F9;
    margin-top: -4.8vw;
  }

  .survey .flcell {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 81.8vw;
    margin: 0 auto;
  }
  .survey .flcell.reverse {
    flex-direction: row;
  }
  .survey #section1 .flcell .img {
    width: 41.8%;
  }
  .survey #section1 .flcell .img02 {
    width: 25.9%;
  }
  .survey #section1 .flcell .txt_cell01 {
    width: 51.7%;
    margin: 0 0 4.16vw;
  }
  .survey #section1 .flcell .txt_cell02 {
    width: 50.1%;
    margin: 0 0 5.9vw;
  }
  .survey #section1 .flcell .txt_cell03 {
    width: 45%;
    margin: 0 -2.3vw 5.9vw 0;
  }
  .survey #section1 .flcell .txt_cell04 {
    width: 68%;
    margin: 0 0 5.9vw 0;
  }
  .survey #section2 .flcell .img {
    width: 42.2%;
    margin: 0 -1.0vw 5.9vw 0;
  }
  .survey #section2 .flcell .txt_cell01 {
    width: 53%;
    margin: 0 0 5.9vw;
  }

  .survey ul:not(.responsive-tabs) {
    margin: 0 0 1.38vw;
  }
  .survey ul:not(.responsive-tabs) li {
    position: relative;
    padding: 0 0 0 1.25vw;
    margin: 0 0 0.43vw;
    font-size: 1.04vw;
    font-weight: 500;
    line-height: 1.6;
  }
  .survey ul:not(.responsive-tabs) li:last-child {
    margin: 0 0 0;
  }
  .survey ul:not(.responsive-tabs) li::after {
    display: block;
    position: absolute;
    content: "";
    width: 0.9vw;
    height: 0.9vw;
    background: #000;
    border-radius: 50%;
    left: 0;
    top:0.5vw;
  }
  .survey #section1 .ttl {
    margin: 0 0 1.04vw;
  }
  .survey #section1 .ttl02 {
    width: 81.8vw;
    margin: 0 auto 1.7vw;
  }
  .survey #section1 .ttl03 {
    width: 25.5vw;
    margin: 0 0 1.7vw;
  }

  .survey #section2 {
    position: relative;
    z-index: 3;
    margin-top: -2.6vw;
    margin-bottom: 10.4vw;
    scroll-margin-top: 7.0vw;
  }
  .survey #section2 .ttl {
    width: 34.3vw;
    margin: 0 0 1.7vw;
  }
  .survey #section2 .ttl02 {
    width: 81.8vw;
    margin: 0 auto 4.16vw;
  }
  .survey #section2 .full_img {
    width: 81.8vw;
    margin: 0 auto;
  }

  .survey #section3 {
    position: relative;
    background: #E2F4FD;
    padding: 4.8vw 0 7.5vw;
    scroll-margin-top: 7.0vw;
  }
  .survey #section3 h3 {
    position: absolute;
    top: -2.6vw;
  }
  .survey #section3 .img01 {
    width: 81.8vw;
    margin: 0 auto 5.5vw;
    padding: 0 0 5.2vw;
    border-bottom: 1px dashed #1AAEFA;
  }
  .survey #section3 .txt_cell {
    width: 34.1%;
    margin: 0 0;
  }
  .survey #section3 .txt_cell .ttl {
    width: 18.6vw;
    margin: 0 0 1.875vw;
  }
  .survey #section3 .img02 {
    width: 65.9%;
    margin: 0 0;
  }

  .tab-content {
    display: block;
  }
  .internal-tabs {
    display: none;
  }

}

@media (max-width: 767px) {
  .under_ttl_img {
    position: relative;
    z-index: 6;
    margin-top: -32vw;
    margin-bottom: 0vw;
  }
  .data .ttl_cell {
    margin: 0 auto 8.0vw;
  }
  .data .ttl_cell h2 {
    width: max-content;
    height: 12.3vw;
    background: #fff;
    font-size: 11.7vw;
    font-weight: 600;
    line-height: 12.3vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    margin: 0 auto 4.0vw;
    padding: 0 3.3vw;
  }
  .data .ttl_cell p {
    text-align: center;
    line-height: 1;
    font-size: 4.26vw;
    color: #fff;
    font-weight: 500;
  }
  .data .event .ttl_cell p {
    color: #000;
  }

  .data .bg_blu {
    position: relative;
    z-index: 2;
    margin-top: -0.5vw;
    background: url(../img/work-life-balance/bg_blu.png) no-repeat center;
    background-size: cover;
    padding: 10.6vw 0 26.6vw;
  }

  .data .bg_blu ul.stats-section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 82.6vw;
    margin: 0 auto;
  }
  .data .bg_blu ul li {
    background: #fff;
    text-align: center;
    position: relative;
    padding: 0vw 0 0vw;
    height: 53.3vw;
  }
  .data .bg_blu ul li:after {
    display: block;
    position: absolute;
    content: "";
  }
  .data .bg_blu ul li:nth-child(1) {
    height: 46vw;
    margin: 0 0 2.6vw;
    padding: 7.3vw 0 0 30.1vw;
  }
  .data .bg_blu ul li:nth-child(1):after {
    width: 30.1vw;
    height: 53.3vw;
    background: url(../img/data/innumber_01_sp.png) no-repeat center;
    background-size: 100% 100%;
    left: 0;
    top: 0;
  }
  .data .bg_blu ul li:nth-child(2) {
    height: 46vw;
    margin: 0 0 2.6vw;
    padding: 7.3vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(2):before {
    display: block;
    position: absolute;
    content: "";
    width: 21.3vw;
    height: 21.3vw;
    background: url(../img/data/innumber_02_01_sp.png) no-repeat center;
    background-size: 100% 100%;
    left: 1.0vw;
    top: 13.3vw;
  }
  .data .bg_blu ul li:nth-child(2):after {
    width: 21.3vw;
    height: 21.3vw;
    background: url(../img/data/innumber_02_02_sp.png) no-repeat center;
    background-size: 100% 100%;
    right: 1.0vw;
    top: 13.3vw;
  }
  .data .bg_blu ul li:nth-child(3) {
    height: 46vw;
    margin: 0 0 2.6vw;
    padding: 7.3vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(3):after {
    width: 27.4vw;
    height: 23.2vw;
    background: url(../img/data/innumber_03.png) no-repeat center;
    background-size: 100% 100%;
    left: 3.4vw;
    top: 18.4vw;
  }
  .data .bg_blu ul li:nth-child(4) {
    height: 46vw;
    margin: 0 0 2.6vw;
    padding: 7.3vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(4):after {
    width: 42.1vw;
    height: 33vw;
    background: url(../img/data/innumber_04_sp.png) no-repeat center;
    background-size: 100% 100%;
    left: 5.3vw;
    bottom: 3.4vw;
  }
  .data .bg_blu ul li:nth-child(5) {
    height: 46vw;
    margin: 0 0 2.6vw;
    padding: 7.3vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(5):after {
    width: 31.7vw;
    height: 38.4vw;
    background: url(../img/data/innumber_05_sp.png) no-repeat center;
    background-size: 100% 100%;
    left: 6.1vw;
    bottom: 0vw;
  }
  .data .bg_blu ul li:nth-child(6) {
    height: 46vw;
    margin: 0 0 2.6vw;
    padding: 7.3vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(6):after {
    width: 21.8vw;
    height: 30.1vw;
    background: url(../img/data/innumber_06_sp.png) no-repeat center;
    background-size: 100% 100%;
    right: 5.3vw;
    bottom: 6.6vw;
  }
  .data .bg_blu ul li:nth-child(7) {
    height: 46vw;
    margin: 0 0 0vw;
    padding: 7.3vw 0 0 0;
  }
  .data .bg_blu ul li:nth-child(7):after {
    width: 26.6vw;
    height: 34.6vw;
    background: url(../img/data/innumber_07_sp.png) no-repeat center;
    background-size: 100% 100%;
    left: 8.0vw;
    bottom: 3.2vw;
  }
  .data .bg_blu ul li .ttl {
    font-size: 5.33vw;
    font-weight: bold;
    color: #000;
    line-height: 1;
    margin: 0 0 1.0vw;
  }
  .data .bg_blu ul li:nth-child(1) .ttl {
    text-align: left;
    margin: 0 0 8.6vw;
  }
  .data .bg_blu ul li:nth-child(2) .ttl {
    margin: 0 auto 14vw;
  }
  .data .bg_blu ul li:nth-child(3) .ttl {
    margin: 0 auto 13vw;
  }
  .data .bg_blu ul li:nth-child(4) .ttl {
    margin: 0 auto 13vw;
  }
  .data .bg_blu ul li:nth-child(5) .ttl {
    margin: 0 auto 14.6vw;
  }
  .data .bg_blu ul li:nth-child(6) .ttl {
    margin: 0 auto 8.8vw;
  }
  .data .bg_blu ul li:nth-child(7) .ttl {
    margin: 0 auto 14vw;
  }
  .data .bg_blu ul li .stat-item {
    display: flex;
    align-items: flex-end;
  }
  .data .bg_blu ul li:nth-child(3) .stat-item {
    margin-left: 36vw;
  }
  .data .bg_blu ul li:nth-child(4) .stat-item {
    margin-left: 36vw;
  }
  .data .bg_blu ul li:nth-child(5) .stat-item {
    margin-left: 45.3vw;
  }
  .data .bg_blu ul li:nth-child(6) .stat-item {
    margin-left: 10.1vw;
  }
  .data .bg_blu ul li:nth-child(7) .stat-item {
    margin-left: 46.6vw;
  }
  .data .bg_blu ul li .stat-number {
    font-size: 16vw;
    font-weight: bold;
    color: #1AAEFA;
    line-height: 1;
    letter-spacing: -0.04em;
  }
  .data .bg_blu ul li .stat-item span {
    font-size: 4.8vw;
    font-weight: bold;
    margin-left: 2.0vw
  }
  .data .bg_blu ul li .flcell .stat-item span {
    margin-left: 1.0vw
  }
  .data .bg_blu ul li .attention {
    position: absolute;
    font-size: 3.73vw;
    font-weight: 500;
    color: #8E8E8E;
    line-height: 1;
    width: max-content;
  }
  .data .bg_blu ul li:nth-child(1) .attention {
    right: 4.8vw;
    bottom: 4.8vw;
  }
  .data .bg_blu ul li:nth-child(2) .attention {
    right: 4.8vw;
    bottom: 3.3vw;
  }
  .data .bg_blu ul li:nth-child(6) .attention {
    left: 4.0vw;
    bottom: 6.6vw;
    font-size: 2.93vw;
  }

  .data .bg_blu ul li .flcell {
    display: flex;
    justify-content: center;
  }
  .data .bg_blu ul li .flcell .stat-item {
    margin: 0 2.6vw;
  }
  .data .bg_blu ul li .flcell .stat-number {
    font-size: 16vw;
  }
  .data .survey .ttl_cell {
    margin-top: -7.125vw;
    margin-bottom: 12vw;
  }
  .data .survey .ttl_cell p {
    color: #000;
  }
  .data .survey .lead {
    font-size: 4.26vw;
    font-weight: bold;
    line-height: 2.0;
    width: 83.2vw;
    margin: 0 auto 13.3vw;
    text-align: left;
  }

  .responsive-tabs {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    margin: 0 auto 0;
  }
  .responsive-tabs li {
    margin: 0 1.6vw;
  }
  .responsive-tabs li a {
    position: relative;
    display: flex;
    justify-content: center;
    width: 24.5vw;
    height: 20vw;
    background: #1AAEFA;
    color: #fff;
    font-size: 4.26vw;
    font-weight: bold;
    transform: rotate(-2.98deg);
    padding: 2.4vw 0 0;
  }
  .responsive-tabs li a::after {
    position: absolute;
    display: block;
    content: "";
    width: 6.6vw;
    height: 2.6vw;
    background: url(../img/data/icon_arrow.png) no-repeat center;
    background-size: 100% 100%;
    left: 0vw;
    right: 0;
    bottom: 1.6vw;
    margin: auto;
  }
  #section1 .internal-tabs,
  #section2 .internal-tabs,
  #section3 .internal-tabs {
    margin-top: 10vw;
  }
  .internal-tabs .responsive-tabs li a {
    width: 40.5vw;
    height: 10vw;
    padding: 8.4vw 0 0;
  }
  .internal-tabs .responsive-tabs li a::after {
    background: url(../img/data/icon_arrow_btm.png) no-repeat center;
    background-size: 100% 100%;
    left: 0vw;
    right: 0;
    top: 1.6vw;
    bottom: auto;
    margin: auto;
  }
  .survey h3 {
    position: relative;
    z-index: 3;
    margin: 0 0 13vw 2.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49.8vw;
    height: 14.9vw;
    color: #fff;
    font-size: 5.3vw;
    font-weight: bold;
    background: #1AAEFA;
    transform: rotate(-2.98deg);
  }
  .survey .tab-content {
    scroll-margin-top: 150px;
  }
  .survey #section1 {
    position: relative;
    z-index: 1;
    padding: 26.6vw 0 18.3vw;
    margin-top: -14.8vw;
    background: #f9f9f9;
  }
  .survey #section1 h4 {
    margin-bottom: 5.3vw;
  }

  .survey .flcell {
    display: flex;
    flex-direction: column;
    width: 83.2vw;
    margin: 0 auto;
  }
  .survey #section1 .flcell .img {
    width: 100%;
    margin: 0 auto 9.6vw;
  }
  .survey #section1 .flcell .img02 {
    width: 100%;
    margin: 0 0 9.6vw;
  }
  .survey #section1 .flcell .txt_cell01 {
    width: 100%;
    margin: 0 0 14.6vw;
  }
  .survey #section1 .flcell .txt_cell02 {
    width: 100%;
    margin: 0 0 5.9vw;
  }
  .survey #section1 .flcell .txt_cell03 {
    width: 100%;
    margin: 0 -2.3vw 5.9vw 0;
  }
  .survey #section1 .flcell .txt_cell04 {
    width: 100%;
    margin: 0 0 5.9vw 0;
  }

  .survey #section2 .flcell .img {
    width: 100%;
    margin: 0 -1.0vw 5.9vw 0;
  }
  .survey #section2 .flcell .txt_cell01 {
    width: 100%;
    margin: 0 0 5.9vw;
  }

  .survey ul:not(.responsive-tabs) {
    margin: 0 0 5.3vw;
  }
  .survey ul:not(.responsive-tabs) li {
    position: relative;
    padding: 0 0 0 4.26vw;
    margin: 0 0 2.6vw;
    font-size: 3.73vw;
    font-weight: 500;
    line-height: 1.78;
  }
  .survey ul:not(.responsive-tabs) li:last-child {
    margin: 0 0 0;
  }
  .survey ul:not(.responsive-tabs) li::after {
    display: block;
    position: absolute;
    content: "";
    width: 0.9vw;
    height: 0.9vw;
    background: #000;
    border-radius: 50%;
    left: 1.0vw;
    top: 3.1vw;
  }
  .survey #section1 .ttl {
    margin: 0 0 6.6vw;
  }
  .survey #section1 .ttl02 {
    margin: 0 auto 5.3vw;
    width: 83.2vw;
  }
  .survey #section1 .ttl03 {
    margin: 0 0 9.0vw;
  }

  .survey #section2 {
    position: relative;
    z-index: 3;
    padding: 26.6vw 0 26.6vw;
    margin-top: -14.8vw;
  }
  .survey #section2 .flcell .img {
    margin: 0 0 20vw;
  }
  .survey #section2 .ttl {
    width: 100%;
    margin: 0 0 5.3vw;
  }
  .survey #section2 .ttl02 {
    width: 83.2vw;
    margin: 0 auto 10.6vw;
  }
  .survey #section2 .full_img {
    width: 83.2vw;
    margin: 0 auto;
  }

  .survey #section3 {
    position: relative;
    background: #E2F4FD;
    padding: 26.6vw 0 26.6vw;
    margin-top: -14.8vw;
  }
  .survey #section3 .img01 {
    width: 83.2vw;
    margin: 0 auto 12vw;
    padding: 0 0 19.7vw;
    border-bottom: 1px dashed #1AAEFA;
  }
  .survey #section3 .txt_cell {
    width: 100%;
    margin: 0 0;
  }
  .survey #section3 .txt_cell .ttl {
    width: 57.6vw;
    margin: 0 0 6.6vw;
  }
  .survey #section3 .img02 {
    width: 100%;
    margin: 13.3vw 0 0;
  }

  .tab-content {
    display: none;
  }
  .tab-content.active {
    display: block;
  }
}