@charset "UTF-8";
.mv {
  height: min((700/1600)*100vw,700px);
  width: 100%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .mv {
      height: 500px; } }
  .mv_harea .mv_ver {
    width: min((860/1600)*100vw,860px);
    padding: 14px 0; }
    @media screen and (max-width: 768px) {
      .mv_harea .mv_ver {
        width: 348px; } }
    @media screen and (max-width: 350px) {
      .mv_harea .mv_ver {
        width: 280px; } }
  .mv_h2 {
    font-size: min((55/1600)*100vw,55px);
    font-family: "Noto Serif JP", serif;
    color: #fff;
    position: absolute;
    z-index: 2;
    font-weight: 400;
    /*top: unquote("min((300/1600)*100vw,300px)");*/
    bottom: min((120/1600)*100vw,120px);
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media all and (-ms-high-contrast: none) {
      .mv_h2 {
        font-size: 3vw;
        top: 66%; } }
    @media screen and (max-width: 768px) {
      .mv_h2 {
        font-size: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); } }
  .mv_slider li {
    height: min((700/1600)*100vw,700px);
    overflow: hidden; }
    .mv_slider li p {
      display: block;
      width: 100%;
      height: 100%; }
    @media all and (-ms-high-contrast: none) {
      .mv_slider li {
        height: 36.5vw;
        width: 50%; } }
    @media screen and (max-width: 768px) {
      .mv_slider li {
        height: 250px; } }
  .mv_slider img {
    width: 100%; }
  .mv_slider02_img01 {
    background-image: url("../images/top/bg01_r.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .mv_slider02_img01 {
        background-position: center; } }
  .mv_slider02_img02 {
    background-image: url("../images/top/bg02_r.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .mv_slider02_img02 {
        background-position: bottom; } }
  .mv_slider02_img03 {
    background-image: url("../images/top/bg03_r.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .mv_slider02_img03 {
        background-image: url("../images/top/bg03_r_sp.jpg");
        background-position: right 20%; } }
  .mv_slider02_img04 {
    background-image: url("../images/top/bg04_r.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .mv_slider02_img04 {
        background-position: bottom; } }
  .mv_slider02_img05 {
    background-image: url("../images/top/bg05_r.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 768px) {
      .mv_slider02_img05 {
        background-image: url("../images/top/bg05_r.jpg");
        background-position: 0% 13%; } }
  .mv_slider02 li {
    height: min((700/1600)*100vw,700px);
    overflow: hidden; }
    .mv_slider02 li p {
      display: block;
      width: 100%;
      height: 100%; }
    @media all and (-ms-high-contrast: none) {
      .mv_slider02 li {
        height: 36.5vw;
        width: 50%; } }
    @media screen and (max-width: 768px) {
      .mv_slider02 li {
        height: 250px; } }
  .mv_slider02 img {
    width: 100%; }
  .mv_parts {
    display: flex;
    height: min((700/1600)*100vw,700px); }
    @media all and (-ms-high-contrast: none) {
      .mv_parts {
        height: 700px; } }
    @media screen and (max-width: 768px) {
      .mv_parts {
        display: block; } }
    .mv_parts_02 {
      background-image: url(../images/top/mv02.jpg);
      background-size: cover;
      width: 50vw; }
    .mv_parts_01 {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .mv_parts_01 {
          width: 100%; } }
      .mv_parts_01_img01 {
        background-image: url("../images/top/bg01_l.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 83%; }
        @media screen and (max-width: 768px) {
          .mv_parts_01_img01 {
            background-image: url("../images/top/bg01_l_sp.jpg");
            background-position: center 13%; } }
      .mv_parts_01_img02 {
        background-image: url("../images/top/bg02_l.jpg");
        background-size: cover;
        background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          .mv_parts_01_img02 {
            background-image: url("../images/top/bg02_l_sp.jpg"); } }
      .mv_parts_01_img03 {
        background-image: url("../images/top/bg03_l.jpg");
        background-size: cover;
        background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          .mv_parts_01_img03 {
            background-position: 0% 28%; } }
      .mv_parts_01_img04 {
        background-image: url("../images/top/bg04_l.jpg");
        background-size: cover;
        background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          .mv_parts_01_img04 {
            background-image: url("../images/top/bg04_l_sp.jpg"); } }
      .mv_parts_01_img05 {
        background-image: url("../images/top/bg05_l.jpg");
        background-size: cover;
        background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          .mv_parts_01_img05 {
            background-position: bottom; } }

.slide-animation p {
  animation: fadezoom 8s 0s forwards; }

@keyframes fadezoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }
/*--------------------------------------------------------------------------*/
/*                            mt section                             */
/*--------------------------------------------------------------------------*/
.mt {
  background-image: url("../images/top/top_bg.png");
  height: 47.1875vw;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 120px; }
  @media all and (-ms-high-contrast: none) {
    .mt {
      height: 755px; } }
  @media screen and (max-width: 1024px) {
    .mt {
      margin-bottom: 30px;
      height: 750px; } }
  @media screen and (max-width: 350px) {
    .mt {
      margin-bottom: 30px;
      height: 880px; } }
  .mt_area {
    position: relative;
    display: flex;
    max-width: 640px;
    margin: 0 auto;
    padding: 0 20px;
    flex-direction: row-reverse;
    height: min((415/1600)*100vw,415px);
    font-size: max(15px,min((18/1600)*100vw,18px));
    justify-content: center; }
    @media all and (-ms-high-contrast: none) {
      .mt_area {
        height: 415px;
        font-size: 18px; } }
    @media screen and (max-width: 1024px) {
      .mt_area {
        display: block;
        padding: 0 20px;
        margin: 0 auto; } }
    @media screen and (max-width: 640px) {
      .mt_area {
        height: 625px; } }
    .mt_area_text {
      line-height: 2.5;
      writing-mode: unset;
      -ms-writing-mode: unset;
      -webkit-writing-mode: unset;
      margin-left: 0;
      margin-bottom: 25px; }
      @media screen and (min-width: 1024px) {
        .mt_area_text {
          writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          -webkit-writing-mode: vertical-rl;
          margin-left: min((50/1600)*100vw,50px);
          margin-bottom: 0px; } }
@media all and (-ms-high-contrast: none) and (min-width: 1025px) and (max-width: 3000px) {
  .mt_area_text {
    margin-left: 50px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; } }

      .mt_area_text:last-child {
        margin-left: 0; }

/*--------------------------------------------------------------------------*/
/*                            people section                             */
/*--------------------------------------------------------------------------*/
.people {
  margin-top: min((-125/1600)*100vw,-125px);
  position: relative;
  padding-bottom: 7.8125vw; }
  @media all and (-ms-high-contrast: none) {
    .people {
      margin-top: -125px;
      padding-bottom: 125px; } }
  @media screen and (max-width: 1024px) {
    .people {
      margin-top: 0px; } }
  .people_main {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%); }
    @media screen and (max-width: 650px) {
      .people_main {
        top: 40% !important; } }
    @media all and (-ms-high-contrast: none) {
      .people_main {
        left: 17% !important; } }
  @media screen and (max-width: 1024px) {
    .people .container {
      padding: 0; } }
  .people_bg {
    height: min((1020/1600)*100vw,1020px);
    position: absolute;
    z-index: -1;
    background-color: #eef9fb;
    bottom: 0;
    width: min((1200/1600)*100vw,1200px); }
    @media all and (-ms-high-contrast: none) {
      .people_bg {
        height: 1020px;
        width: 1200px; } }
    @media screen and (max-width: 1024px) {
      .people_bg {
        display: none; } }
  .people .title_bg {
    margin-left: -15px; }
    @media screen and (max-width: 1024px) {
      .people .title_bg {
        margin-left: 0; } }
  .people_01 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 87px;
    margin-top: min((43/1600) * 100vw, 43px); }
    @media all and (-ms-high-contrast: none) {
      .people_01 {
        margin-top: 43px; } }
    @media screen and (max-width: 1024px) {
      .people_01 {
        margin: 100px 0 100px;
        padding: 0 20px; } }
    @media screen and (max-width: 768px) {
      .people_01 {
        display: block;
        width: 80%;
        margin: 100px auto 25px; } }
    @media screen and (max-width: 430px) {
      .people_01 {
        width: 100%; } }
    .people_01_photo {
      position: relative;
      /*height: unquote("min((500/1600) * 100vw, 500px)");*/ }
      @media screen and (max-width: 1024px) {
        .people_01_photo {
          flex: 1;
          height: fit-content; } }
      .people_01_photo_width {
        width: 361px; }
        @media screen and (max-width: 1024px) {
          .people_01_photo_width {
            width: fit-content; } }
@media all and (-ms-high-contrast: none) and (min-width: 769px) and (max-width: 1024px) {
  .people_01_photo_width {
    width: 60vw; } }
@media all and (-ms-high-contrast: none) and (min-width: 320px) and (max-width: 768px) {
  .people_01_photo_width {
    width: 100%; } }

    .people_01_text {
      font-size: 3.8rem;
      padding: 0 0 13px;
      margin-left: min((42/1600)*100vw,42px); }
      @media all and (-ms-high-contrast: none) {
        .people_01_text {
          margin-left: 42px;
          padding: 0 0 47px; } }
      @media screen and (max-width: 1024px) {
        .people_01_text {
          flex: 0.5; } }
      @media screen and (max-width: 768px) {
        .people_01_text {
          margin: 20px 0 0;
          width: 80%; } }
      .people_01_text p {
        margin-bottom: 15px; }
  .people_other {
    margin-top: 55px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .people_other {
        background: linear-gradient(90deg, #eef9fb 0%, #eef9fb 60%, #fff 50%, #fff 100%);
        padding-top: 50px; } }
    @media screen and (max-width: 768px) {
      .people_other {
        margin-top: 20px;
        padding-top: 0px; } }
    .people_other_photo {
      width: min((315/1025) * 100vw, 360px);
      position: relative; }
      @media all and (-ms-high-contrast: none) {
        .people_other_photo {
          width: 360px; } }
      @media screen and (max-width: 1024px) {
        .people_other_photo {
          width: 350px;
          padding: 0 10px; } }
      @media screen and (max-width: 768px) {
        .people_other_photo {
          width: min((280/636) * 100vw, 280px); } }
      @media screen and (max-width: 640px) {
        .people_other_photo {
          width: unset; } }
      .people_other_photo_catch {
        position: absolute;
        bottom: 200px;
        font-size: 3.8rem;
        color: #fff;
        left: 40px;
        width: 80%; }
        @media all and (-ms-high-contrast: none) {
          .people_other_photo_catch {
            bottom: 190px;
            left: 30px; } }
        @media screen and (max-width: 1024px) {
          .people_other_photo_catch {
            bottom: 253px;
            left: 15px;
            width: 90%; } }
        @media screen and (max-width: 910px) {
          .people_other_photo_catch {
            width: 80%; } }
        @media screen and (max-width: 430px) {
          .people_other_photo_catch {
            width: 70%;
            left: 15%; } }
      .people_other_photo_text {
        position: absolute;
        top: 0; }
    .people_other .readmore {
      position: absolute;
      z-index: 3;
      left: min((60/1600) * 100vw, 60px);
      bottom: min((40/1600) * 100vw, 40px); }
      @media all and (-ms-high-contrast: none) {
        .people_other .readmore {
          bottom: 30px;
          left: 30px; } }
      @media screen and (max-width: 1024px) {
        .people_other .readmore {
          display: block;
          margin: 30px 0 60px;
          position: relative;
          bottom: -5px;
          left: 60px; } }
    @media screen and (max-width: 910px) {
      .people_other .number {
        top: min((27/768) * 100vw, 27px);
        right: min((48/910) * 100vw, 48px);
        font-size: min((60/433) * 100vw, 100px); } }
@media all and (-ms-high-contrast: none) and (min-width: 320px) and (max-width: 910px) {
  .people_other .number {
    top: 0;
    right: 5vw;
    font-size: 12vw; } }

    @media screen and (max-width: 430px) {
      .people_other .number {
        top: -10px;
        right: 45px;
        font-size: 8rem; }
        .people_other .number ::-webkit-full-page-media,
        .people_other .number :future,
        .people_other .number :root {
          top: -20px; } }
    .people_other .office {
      right: 135px; }
      @media screen and (max-width: 910px) {
        .people_other .office {
          top: min((66/768) * 100vw, 66px);
          right: min((100/431) * 100vw, 168px); } }
@media all and (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 910px) {
  .people_other .office {
    top: 3.5vw;
    right: 20vw;
    font-size: 2vw; } }

      @media screen and (max-width: 430px) {
        .people_other .office {
          top: 20px;
          right: 180px; } }
    .people_other .a_toksh {
      width: 100%; }
      @media screen and (max-width: 910px) {
        .people_other .a_toksh {
          width: 90%; } }
      @media screen and (max-width: 430px) {
        .people_other .a_toksh {
          width: 80%;
          margin: 0 auto;
          display: block; } }
    .people_other .b_toksh {
      color: #fff; }
      @media screen and (max-width: 1024px) {
        .people_other .b_toksh {
          color: #7d7d7d !important; } }

.slick-arrow {
  z-index: 2 !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #7d7d7d; }

.slick-next {
  right: 0px !important; }

.slick-prev {
  left: 0px !important; }

.slick-prev:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color: transparent transparent #fff #fff;
  transform: rotate(45deg);
  background-color: #7d7d7d;
  display: inline-block; }

.slick-next:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(45deg);
  background-color: #7d7d7d;
  display: inline-block; }

@media screen and (max-width: 910px) {
  .sp_slider .people_other_photo {
    padding: min((100/768) * 100vw, 100px) 10px 0; } }
@media all and (-ms-high-contrast: none) and (min-width: 320px) and (max-width: 910px) {
  .sp_slider .people_other_photo {
    padding: 9.5vw 10px 0; } }

/*.sp_slider .a_toksh{
}*/
/*--------------------------------------------------------------------------*/
/*                            crosstalk section                             */
/*--------------------------------------------------------------------------*/
.crosstalk {
  margin-top: min((150/1600)*100vw,150px); }
  @media all and (-ms-high-contrast: none) {
    .crosstalk {
      margin-top: 50px; } }
  @media screen and (max-width: 768px) {
    .crosstalk {
      margin-top: 100px; } }
  .crosstalk_flex {
    display: flex; }
    @media screen and (max-width: 768px) {
      .crosstalk_flex {
        flex-direction: column-reverse;
        margin-top: unset; } }
  .crosstalk_photo {
    width: min((800/1600)*100vw,800px); }
    @media all and (-ms-high-contrast: none) {
      .crosstalk_photo {
        width: 800px; } }
    @media screen and (max-width: 768px) {
      .crosstalk_photo {
        width: 90%;
        margin-top: 30px; } }
  .crosstalk_main {
    position: unset !important;
    transform: unset !important;
    margin-bottom: min((41/1600)*100vw,41px); }
    @media all and (-ms-high-contrast: none) {
      .crosstalk_main {
        margin-bottom: 41px;
        position: unset !important;
        transform: unset !important; } }
  .crosstalk .title {
    right: -0.625vw;
    position: absolute; }
    @media all and (-ms-high-contrast: none) {
      .crosstalk .title {
        right: -10px; } }
  .crosstalk_textarea {
    width: min((500/1600)*100vw,500px);
    margin-left: min((79/1600)*100vw,79px);
    margin-top: min((100/1600)*100vw,100px); }
    @media all and (-ms-high-contrast: none) {
      .crosstalk_textarea {
        margin-left: 79px;
        margin-top: 100px; } }
    @media screen and (max-width: 768px) {
      .crosstalk_textarea {
        text-align: right;
        width: 90%; } }
    .crosstalk_textarea_text {
      margin-bottom: min((27/1600)*100vw,27px);
      font-size: 1.6rem;
      line-height: 2; }
      @media all and (-ms-high-contrast: none) {
        .crosstalk_textarea_text {
          margin-bottom: 27px; } }
      @media screen and (max-width: 768px) {
        .crosstalk_textarea_text {
          text-align: left;
          margin-bottom: 30px; } }

.add_text {
  font-size: 1.6rem;
  line-height: 1.625;
  margin: 15px 0 0; }
  @media screen and (max-width: 1024px) {
    .add_text {
      margin: -25px 0 30px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 430px) {
    .add_text {
      margin: -25px auto 30px;
      width: 80%; } }

.top_text {
  margin: 1.5vw 0 2.5vw 0; }
  @media screen and (max-width: 430px) {
    .top_text {
      width: 100%; } }

/*--------------------------------------------------------------------------*/
/*                            environment section                             */
/*--------------------------------------------------------------------------*/
.environment {
  position: relative;
  margin-top: min((150/1600)*100vw,150px);
  margin-bottom: min((180/1600)*100vw,180px); }
  @media all and (-ms-high-contrast: none) {
    .environment {
      margin-top: 150px;
      margin-bottom: 180px; } }
  @media screen and (max-width: 768px) {
    .environment {
      margin-top: 100px;
      margin-bottom: 120px; } }
  .environment_bg {
    width: min((1400/1600)*100vw,1400px);
    background: #eef9fb;
    height: min((580/1600)*100vw,580px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%); }
    @media all and (-ms-high-contrast: none) {
      .environment_bg {
        width: 1400px;
        height: 580px; } }
    @media screen and (max-width: 768px) {
      .environment_bg {
        width: 80%;
        height: 70%; } }
  .environment_title {
    position: absolute !important;
    top: 0;
    left: -18px; }
    @media screen and (max-width: 1024px) {
      .environment_title {
        left: 0; } }
  .environment_main {
    position: unset !important;
    transform: unset !important; }
  .environment_flex {
    display: flex;
    justify-content: space-between;
    padding-top: min((100/1600)*100vw,100px); }
    @media all and (-ms-high-contrast: none) {
      .environment_flex {
        justify-content: center;
        padding-top: 100px; } }
    @media screen and (max-width: 768px) {
      .environment_flex {
        display: block;
        padding-top: 25px; } }
  .environment_know {
    flex: 0.7; }
    @media all and (-ms-high-contrast: none) {
      .environment_know {
        flex: none;
        width: 425px;
        margin-right: 4vw; } }
    .environment_know_text {
      margin-top: min((32/1600)*100vw,44px);
      font-size: 1.6rem;
      line-height: 2;
      margin-bottom: 28px; }
      @media screen and (max-width: 768px) {
        .environment_know_text {
          margin-top: 32px; } }
      @media all and (-ms-high-contrast: none) {
        .environment_know_text {
          margin-bottom: 28px;
          margin-top: 32px; } }
  .environment_photo_width {
    width: min((580/1600)*100vw,580px); }
    @media all and (-ms-high-contrast: none) {
      .environment_photo_width {
        width: 27vw;
        margin-left: 4vw; } }
    @media screen and (max-width: 768px) {
      .environment_photo_width {
        width: 80%;
        display: block;
        margin-left: auto;
        margin-top: 30px; } }

/*--------------------------------------------------------------------------------------------------------*/
/*                             animation                                                                  */
/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*                             mvtext English                               */
/*--------------------------------------------------------------------------*/
/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: absolute;
  top: 81%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 999;
  background: unset;
  text-align: center;
  color: #fff; }
  @media screen and (max-width: 768px) {
    #splash {
      top: 60%; } }
  @media screen and (max-width: 350px) {
    #splash {
      top: 62%; } }

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68%;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    #splash_logo {
      width: min((300/320)*100vw,470px); } }

/* Loading アイコンの大きさ設定　*/
#splash_logo svg {
  /*width: 300px;*/
  width: 100%; }

/*========= SVG操作手書き風にするためのCSS ===============*/
#mask .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 90;
  /*線の太さを指定する*/
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1500;
  /* 線の間隔を指定する */
  stroke-dashoffset: 1500;
  /* 線の位置を指定する */ }

/**/
/*--------------------------------------------------------------------------*/
/*                             read more                                    */
/*--------------------------------------------------------------------------*/
.btntransform {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  line-height: 50px;
  text-decoration: none;
  outline: none; }
  .btntransform:hover {
    color: #fff;
    transition: 0.1s all; }
    @media screen and (max-width: 1024px) {
      .btntransform:hover {
        color: #7d7d7d; } }

.btntransform::before {
  content: "";
  position: absolute;
  left: 0;
  z-index: -1;
  top: -10px;
  width: 66px;
  height: 66px;
  background: #f3981d;
  border-radius: 36px;
  transition: 0.3s ease-out; }

.btntransform:hover::before {
  width: 190px; }
  @media screen and (max-width: 1024px) {
    .btntransform:hover::before {
      width: 66px; } }

.readmore {
  font-size: 1.8rem;
  font-family: josefin-sans, sans-serif; }

.toksh {
  position: relative; }

.maru {
  position: absolute;
  left: min((32/1600)*100vw,32px);
  z-index: 0;
  bottom: min((25/1600)*100vw,25px);
  width: 66px;
  height: 66px;
  background: #f3981d;
  border-radius: 36px;
  transition: 0.3s ease-out; }
  @media screen and (max-width: 1024px) {
    .maru {
      bottom: -20px; } }
  @media all and (-ms-high-contrast: none) {
    .maru {
      bottom: 14px;
      left: 15px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 1024px) {
    .maru {
      bottom: -20px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 320px) and (max-width: 768px) {
    .maru {
      bottom: -20px; } }

.a_toksh {
  overflow: hidden; }