/* ================================================
home
===================================================*/
.firstView__copy {
  width : 35%;
}

.inc-group {
    background: #454545;
    padding: 20px 0;
}
.inc-group .d-flex {
  flex-wrap: wrap;
  font-size: 12px;
  color: #ffffff;
  max-width: 1200px;
  margin: auto;
  padding: 0;
  justify-content: center;
}

.inc-group .d-flex .-item {
  text-align: left;
  padding: 5px 0;
}

.inc-group .d-flex .-item a {
  padding: 10px 15px;
}

@media (max-width: 560px) {
  .firstView__copy {
    width : 65%;
  }
  .inc-group .d-flex {
    padding: 0;
  }
  .inc-group .d-flex .-item a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #505050;
  }
  .inc-group .d-flex .-item {
    width : 100%;
    text-align: center;
  }


}


/* ================================================
recruite
===================================================*/

.global_catch-recruit-wrap .global_lead-left-blk {
      margin-top: 40px;
}

.recruit__navi__item-yel {
  Width : 32%
}

.global_section-recruit .global_button-wrap {
    margin-top: 5em;
}

.global_section-recruit .global_button-blk-link {
    width: 100%;
    max-width: 560px;
    padding: 1em .5em;
}

@media (max-width: 560px) {
  .global_catch-recruit {
    width: 90%;
}
  .global_catch-recruit-wrap .global_lead-left-blk {
        margin-top: 10px;
  }
}

/* ================================================
advertisement
===================================================*/

.media_box dl {
  border-top: 1px solid #eeeeee;
  padding-top: 40px;
}

.media_box dt {
  width: 60%;
  max-width: 500px;
  padding: 0 2.5%;
}

.media_box dd {
  max-width : 500px;
  width: 35%;
  padding: 0 2.5%;
}

.media_box p {
  text-align: left;
  margin: 1.5em 0;

}

.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }

.row-reverse {
  flex-direction : row-reverse;
}

.justify-center {
  justify-content : center;
}

.align-center {
  align-items : center;
}

.media_box .global_subheading-left-blk img {
    display: block;
    margin: auto;
    height: auto;
    width: 300px;
}

.media_box.global_section-advertisement {
  padding: 0;
}

.media_box.global_section-advertisement .global_button-link {
    padding: 1em 1.5em 1em 1em;
}

@media (max-width: 560px) {
  .f-wrap {
    flex-wrap: wrap;
}
.media_box .global_subheading-left-blk img {
    width: 200px;
}
.media_box .d-flex {
  flex-direction : column-reverse;
}
.media_box dt {
  width: 70%;
  padding: 10px 15px 0;

}

.media_box dd {
  width: 100%;
  padding: 10px 15px;
}
}

/* ================================================
contact
===================================================*/

.global_title-confirm+div {
    padding: 2em 0;
}

/* ================================================
company
===================================================*/

.company__block .global_subheading-left-blk {
    margin: 1em auto 0;
}

.company__block .global_para {
    margin-top: 0;
}

.global_para {
  line-height: 1.8;
}

.global_section.company-profile {
  max-width: 1000px;
  margin: auto;
  background: #f0f0f0;
  padding: 50px 2em 50px;
  margin-bottom: 120px;
}

.company-profile th {
  padding: .2em;
}

.company-profile td {
  padding: .2em;
}

.company-profile .global_heading-blk {
  margin-bottom: .5em;
}

.company-profile th {
    font-weight: bold;
}

/* =========================================
YKTR-3455 コーポレートサイト（/advertising）アップデート
========================================= */

.topbtn {
    display: block;
    max-width: 420px;
    margin: 25px 0;
min-width: 260px;
    line-height: 1.2em;
}

.to-form-link{

    display: block;
    text-align: right;
    margin: 15px 0;
    color: #003569;

}



@media (max-width: 560px) {
.global_section.company-profile {
  margin-bottom: 0px;
}
}


/* =========================================
YKTR-4491 HP更新の依頼（コーポレートサイト・求人内容の修正）20200917
========================================= */

@media (min-width: 560px){
.category_navi .category_navi__list {
    max-width: 900px!important;
    justify-content: center;
}

.category_navi .category_navi__list .category_navi__item-red {
  margin-left: auto;
  margin-right: auto;
}
}

/* =======================================
YKTR-4544
======================================= */

.contact__navi__item__inner {
  padding: 10px 0;
}
@media (max-width: 100px){
  .contact__navi__item__inner {
    padding: 1em 0;
  }
  }

  /* =======================================
  YKTR-4704
  ======================================= */
  /* bootstrap grid system */
    @-ms-viewport {    width: device-width;  }    html {    -webkit-box-sizing: border-box;            box-sizing: border-box;    -ms-overflow-style: scrollbar;  }    *,  *::before,  *::after {    -webkit-box-sizing: inherit;            box-sizing: inherit;  }    .container {    position: relative;    margin-left: auto;    margin-right: auto;    padding-right: 15px;    padding-left: 15px;  }    @media (min-width: 576px) {    .container {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 768px) {    .container {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 992px) {    .container {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 1200px) {    .container {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 576px) {    .container {      width: 540px;      max-width: 100%;    }  }    @media (min-width: 768px) {    .container {      width: 720px;      max-width: 100%;    }  }    @media (min-width: 992px) {    .container {      width: 960px;      max-width: 100%;    }  }    @media (min-width: 1200px) {    .container {      width: 1140px;      max-width: 100%;    }  }    .container-fluid {    position: relative;    margin-left: auto;    margin-right: auto;    padding-right: 15px;    padding-left: 15px;  }    @media (min-width: 576px) {    .container-fluid {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 768px) {    .container-fluid {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 992px) {    .container-fluid {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 1200px) {    .container-fluid {      padding-right: 15px;      padding-left: 15px;    }  }    .row {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;        -ms-flex-wrap: wrap;            flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px;  }    @media (min-width: 576px) {    .row {      margin-right: -15px;      margin-left: -15px;    }  }    @media (min-width: 768px) {    .row {      margin-right: -15px;      margin-left: -15px;    }  }    @media (min-width: 992px) {    .row {      margin-right: -15px;      margin-left: -15px;    }  }    @media (min-width: 1200px) {    .row {      margin-right: -15px;      margin-left: -15px;    }  }    .no-gutters {    margin-right: 0;    margin-left: 0;  }    .no-gutters > .col,  .no-gutters > [class*="col-"] {    padding-right: 0;    padding-left: 0;  }    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {    position: relative;    width: 100%;    min-height: 1px;    padding-right: 15px;    padding-left: 15px;  }    @media (min-width: 576px) {    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 768px) {    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 992px) {    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {      padding-right: 15px;      padding-left: 15px;    }  }    @media (min-width: 1200px) {    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {      padding-right: 15px;      padding-left: 15px;    }  }    .col {    -webkit-flex-basis: 0;        -ms-flex-preferred-size: 0;            flex-basis: 0;    -webkit-box-flex: 1;    -webkit-flex-grow: 1;        -ms-flex-positive: 1;            flex-grow: 1;    max-width: 100%;  }    .col-auto {    -webkit-box-flex: 0;    -webkit-flex: 0 0 auto;        -ms-flex: 0 0 auto;            flex: 0 0 auto;    width: auto;  }    .col-1 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 8.333333%;        -ms-flex: 0 0 8.333333%;            flex: 0 0 8.333333%;    max-width: 8.333333%;  }    .col-2 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 16.666667%;        -ms-flex: 0 0 16.666667%;            flex: 0 0 16.666667%;    max-width: 16.666667%;  }    .col-3 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 25%;        -ms-flex: 0 0 25%;            flex: 0 0 25%;    max-width: 25%;  }    .col-4 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 33.333333%;        -ms-flex: 0 0 33.333333%;            flex: 0 0 33.333333%;    max-width: 33.333333%;  }    .col-5 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 41.666667%;        -ms-flex: 0 0 41.666667%;            flex: 0 0 41.666667%;    max-width: 41.666667%;  }    .col-6 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 50%;        -ms-flex: 0 0 50%;            flex: 0 0 50%;    max-width: 50%;  }    .col-7 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 58.333333%;        -ms-flex: 0 0 58.333333%;            flex: 0 0 58.333333%;    max-width: 58.333333%;  }    .col-8 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 66.666667%;        -ms-flex: 0 0 66.666667%;            flex: 0 0 66.666667%;    max-width: 66.666667%;  }    .col-9 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 75%;        -ms-flex: 0 0 75%;            flex: 0 0 75%;    max-width: 75%;  }    .col-10 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 83.333333%;        -ms-flex: 0 0 83.333333%;            flex: 0 0 83.333333%;    max-width: 83.333333%;  }    .col-11 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 91.666667%;        -ms-flex: 0 0 91.666667%;            flex: 0 0 91.666667%;    max-width: 91.666667%;  }    .col-12 {    -webkit-box-flex: 0;    -webkit-flex: 0 0 100%;        -ms-flex: 0 0 100%;            flex: 0 0 100%;    max-width: 100%;  }    .pull-0 {    right: auto;  }    .pull-1 {    right: 8.333333%;  }    .pull-2 {    right: 16.666667%;  }    .pull-3 {    right: 25%;  }    .pull-4 {    right: 33.333333%;  }    .pull-5 {    right: 41.666667%;  }    .pull-6 {    right: 50%;  }    .pull-7 {    right: 58.333333%;  }    .pull-8 {    right: 66.666667%;  }    .pull-9 {    right: 75%;  }    .pull-10 {    right: 83.333333%;  }    .pull-11 {    right: 91.666667%;  }    .pull-12 {    right: 100%;  }    .push-0 {    left: auto;  }    .push-1 {    left: 8.333333%;  }    .push-2 {    left: 16.666667%;  }    .push-3 {    left: 25%;  }    .push-4 {    left: 33.333333%;  }    .push-5 {    left: 41.666667%;  }    .push-6 {    left: 50%;  }    .push-7 {    left: 58.333333%;  }    .push-8 {    left: 66.666667%;  }    .push-9 {    left: 75%;  }    .push-10 {    left: 83.333333%;  }    .push-11 {    left: 91.666667%;  }    .push-12 {    left: 100%;  }    .offset-1 {    margin-left: 8.333333%;  }    .offset-2 {    margin-left: 16.666667%;  }    .offset-3 {    margin-left: 25%;  }    .offset-4 {    margin-left: 33.333333%;  }    .offset-5 {    margin-left: 41.666667%;  }    .offset-6 {    margin-left: 50%;  }    .offset-7 {    margin-left: 58.333333%;  }    .offset-8 {    margin-left: 66.666667%;  }    .offset-9 {    margin-left: 75%;  }    .offset-10 {    margin-left: 83.333333%;  }    .offset-11 {    margin-left: 91.666667%;  }    @media (min-width: 576px) {    .col-sm {      -webkit-flex-basis: 0;          -ms-flex-preferred-size: 0;              flex-basis: 0;      -webkit-box-flex: 1;      -webkit-flex-grow: 1;          -ms-flex-positive: 1;              flex-grow: 1;      max-width: 100%;    }    .col-sm-auto {      -webkit-box-flex: 0;      -webkit-flex: 0 0 auto;          -ms-flex: 0 0 auto;              flex: 0 0 auto;      width: auto;    }    .col-sm-1 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 8.333333%;          -ms-flex: 0 0 8.333333%;              flex: 0 0 8.333333%;      max-width: 8.333333%;    }    .col-sm-2 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 16.666667%;          -ms-flex: 0 0 16.666667%;              flex: 0 0 16.666667%;      max-width: 16.666667%;    }    .col-sm-3 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 25%;          -ms-flex: 0 0 25%;              flex: 0 0 25%;      max-width: 25%;    }    .col-sm-4 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 33.333333%;          -ms-flex: 0 0 33.333333%;              flex: 0 0 33.333333%;      max-width: 33.333333%;    }    .col-sm-5 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 41.666667%;          -ms-flex: 0 0 41.666667%;              flex: 0 0 41.666667%;      max-width: 41.666667%;    }    .col-sm-6 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 50%;          -ms-flex: 0 0 50%;              flex: 0 0 50%;      max-width: 50%;    }    .col-sm-7 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 58.333333%;          -ms-flex: 0 0 58.333333%;              flex: 0 0 58.333333%;      max-width: 58.333333%;    }    .col-sm-8 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 66.666667%;          -ms-flex: 0 0 66.666667%;              flex: 0 0 66.666667%;      max-width: 66.666667%;    }    .col-sm-9 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 75%;          -ms-flex: 0 0 75%;              flex: 0 0 75%;      max-width: 75%;    }    .col-sm-10 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 83.333333%;          -ms-flex: 0 0 83.333333%;              flex: 0 0 83.333333%;      max-width: 83.333333%;    }    .col-sm-11 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 91.666667%;          -ms-flex: 0 0 91.666667%;              flex: 0 0 91.666667%;      max-width: 91.666667%;    }    .col-sm-12 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 100%;          -ms-flex: 0 0 100%;              flex: 0 0 100%;      max-width: 100%;    }    .pull-sm-0 {      right: auto;    }    .pull-sm-1 {      right: 8.333333%;    }    .pull-sm-2 {      right: 16.666667%;    }    .pull-sm-3 {      right: 25%;    }    .pull-sm-4 {      right: 33.333333%;    }    .pull-sm-5 {      right: 41.666667%;    }    .pull-sm-6 {      right: 50%;    }    .pull-sm-7 {      right: 58.333333%;    }    .pull-sm-8 {      right: 66.666667%;    }    .pull-sm-9 {      right: 75%;    }    .pull-sm-10 {      right: 83.333333%;    }    .pull-sm-11 {      right: 91.666667%;    }    .pull-sm-12 {      right: 100%;    }    .push-sm-0 {      left: auto;    }    .push-sm-1 {      left: 8.333333%;    }    .push-sm-2 {      left: 16.666667%;    }    .push-sm-3 {      left: 25%;    }    .push-sm-4 {      left: 33.333333%;    }    .push-sm-5 {      left: 41.666667%;    }    .push-sm-6 {      left: 50%;    }    .push-sm-7 {      left: 58.333333%;    }    .push-sm-8 {      left: 66.666667%;    }    .push-sm-9 {      left: 75%;    }    .push-sm-10 {      left: 83.333333%;    }    .push-sm-11 {      left: 91.666667%;    }    .push-sm-12 {      left: 100%;    }    .offset-sm-0 {      margin-left: 0%;    }    .offset-sm-1 {      margin-left: 8.333333%;    }    .offset-sm-2 {      margin-left: 16.666667%;    }    .offset-sm-3 {      margin-left: 25%;    }    .offset-sm-4 {      margin-left: 33.333333%;    }    .offset-sm-5 {      margin-left: 41.666667%;    }    .offset-sm-6 {      margin-left: 50%;    }    .offset-sm-7 {      margin-left: 58.333333%;    }    .offset-sm-8 {      margin-left: 66.666667%;    }    .offset-sm-9 {      margin-left: 75%;    }    .offset-sm-10 {      margin-left: 83.333333%;    }    .offset-sm-11 {      margin-left: 91.666667%;    }  }    @media (min-width: 768px) {    .col-md {      -webkit-flex-basis: 0;          -ms-flex-preferred-size: 0;              flex-basis: 0;      -webkit-box-flex: 1;      -webkit-flex-grow: 1;          -ms-flex-positive: 1;              flex-grow: 1;      max-width: 100%;    }    .col-md-auto {      -webkit-box-flex: 0;      -webkit-flex: 0 0 auto;          -ms-flex: 0 0 auto;              flex: 0 0 auto;      width: auto;    }    .col-md-1 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 8.333333%;          -ms-flex: 0 0 8.333333%;              flex: 0 0 8.333333%;      max-width: 8.333333%;    }    .col-md-2 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 16.666667%;          -ms-flex: 0 0 16.666667%;              flex: 0 0 16.666667%;      max-width: 16.666667%;    }    .col-md-3 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 25%;          -ms-flex: 0 0 25%;              flex: 0 0 25%;      max-width: 25%;    }    .col-md-4 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 33.333333%;          -ms-flex: 0 0 33.333333%;              flex: 0 0 33.333333%;      max-width: 33.333333%;    }    .col-md-5 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 41.666667%;          -ms-flex: 0 0 41.666667%;              flex: 0 0 41.666667%;      max-width: 41.666667%;    }    .col-md-6 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 50%;          -ms-flex: 0 0 50%;              flex: 0 0 50%;      max-width: 50%;    }    .col-md-7 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 58.333333%;          -ms-flex: 0 0 58.333333%;              flex: 0 0 58.333333%;      max-width: 58.333333%;    }    .col-md-8 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 66.666667%;          -ms-flex: 0 0 66.666667%;              flex: 0 0 66.666667%;      max-width: 66.666667%;    }    .col-md-9 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 75%;          -ms-flex: 0 0 75%;              flex: 0 0 75%;      max-width: 75%;    }    .col-md-10 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 83.333333%;          -ms-flex: 0 0 83.333333%;              flex: 0 0 83.333333%;      max-width: 83.333333%;    }    .col-md-11 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 91.666667%;          -ms-flex: 0 0 91.666667%;              flex: 0 0 91.666667%;      max-width: 91.666667%;    }    .col-md-12 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 100%;          -ms-flex: 0 0 100%;              flex: 0 0 100%;      max-width: 100%;    }    .pull-md-0 {      right: auto;    }    .pull-md-1 {      right: 8.333333%;    }    .pull-md-2 {      right: 16.666667%;    }    .pull-md-3 {      right: 25%;    }    .pull-md-4 {      right: 33.333333%;    }    .pull-md-5 {      right: 41.666667%;    }    .pull-md-6 {      right: 50%;    }    .pull-md-7 {      right: 58.333333%;    }    .pull-md-8 {      right: 66.666667%;    }    .pull-md-9 {      right: 75%;    }    .pull-md-10 {      right: 83.333333%;    }    .pull-md-11 {      right: 91.666667%;    }    .pull-md-12 {      right: 100%;    }    .push-md-0 {      left: auto;    }    .push-md-1 {      left: 8.333333%;    }    .push-md-2 {      left: 16.666667%;    }    .push-md-3 {      left: 25%;    }    .push-md-4 {      left: 33.333333%;    }    .push-md-5 {      left: 41.666667%;    }    .push-md-6 {      left: 50%;    }    .push-md-7 {      left: 58.333333%;    }    .push-md-8 {      left: 66.666667%;    }    .push-md-9 {      left: 75%;    }    .push-md-10 {      left: 83.333333%;    }    .push-md-11 {      left: 91.666667%;    }    .push-md-12 {      left: 100%;    }    .offset-md-0 {      margin-left: 0%;    }    .offset-md-1 {      margin-left: 8.333333%;    }    .offset-md-2 {      margin-left: 16.666667%;    }    .offset-md-3 {      margin-left: 25%;    }    .offset-md-4 {      margin-left: 33.333333%;    }    .offset-md-5 {      margin-left: 41.666667%;    }    .offset-md-6 {      margin-left: 50%;    }    .offset-md-7 {      margin-left: 58.333333%;    }    .offset-md-8 {      margin-left: 66.666667%;    }    .offset-md-9 {      margin-left: 75%;    }    .offset-md-10 {      margin-left: 83.333333%;    }    .offset-md-11 {      margin-left: 91.666667%;    }  }    @media (min-width: 992px) {    .col-lg {      -webkit-flex-basis: 0;          -ms-flex-preferred-size: 0;              flex-basis: 0;      -webkit-box-flex: 1;      -webkit-flex-grow: 1;          -ms-flex-positive: 1;              flex-grow: 1;      max-width: 100%;    }    .col-lg-auto {      -webkit-box-flex: 0;      -webkit-flex: 0 0 auto;          -ms-flex: 0 0 auto;              flex: 0 0 auto;      width: auto;    }    .col-lg-1 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 8.333333%;          -ms-flex: 0 0 8.333333%;              flex: 0 0 8.333333%;      max-width: 8.333333%;    }    .col-lg-2 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 16.666667%;          -ms-flex: 0 0 16.666667%;              flex: 0 0 16.666667%;      max-width: 16.666667%;    }    .col-lg-3 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 25%;          -ms-flex: 0 0 25%;              flex: 0 0 25%;      max-width: 25%;    }    .col-lg-4 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 33.333333%;          -ms-flex: 0 0 33.333333%;              flex: 0 0 33.333333%;      max-width: 33.333333%;    }    .col-lg-5 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 41.666667%;          -ms-flex: 0 0 41.666667%;              flex: 0 0 41.666667%;      max-width: 41.666667%;    }    .col-lg-6 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 50%;          -ms-flex: 0 0 50%;              flex: 0 0 50%;      max-width: 50%;    }    .col-lg-7 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 58.333333%;          -ms-flex: 0 0 58.333333%;              flex: 0 0 58.333333%;      max-width: 58.333333%;    }    .col-lg-8 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 66.666667%;          -ms-flex: 0 0 66.666667%;              flex: 0 0 66.666667%;      max-width: 66.666667%;    }    .col-lg-9 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 75%;          -ms-flex: 0 0 75%;              flex: 0 0 75%;      max-width: 75%;    }    .col-lg-10 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 83.333333%;          -ms-flex: 0 0 83.333333%;              flex: 0 0 83.333333%;      max-width: 83.333333%;    }    .col-lg-11 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 91.666667%;          -ms-flex: 0 0 91.666667%;              flex: 0 0 91.666667%;      max-width: 91.666667%;    }    .col-lg-12 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 100%;          -ms-flex: 0 0 100%;              flex: 0 0 100%;      max-width: 100%;    }    .pull-lg-0 {      right: auto;    }    .pull-lg-1 {      right: 8.333333%;    }    .pull-lg-2 {      right: 16.666667%;    }    .pull-lg-3 {      right: 25%;    }    .pull-lg-4 {      right: 33.333333%;    }    .pull-lg-5 {      right: 41.666667%;    }    .pull-lg-6 {      right: 50%;    }    .pull-lg-7 {      right: 58.333333%;    }    .pull-lg-8 {      right: 66.666667%;    }    .pull-lg-9 {      right: 75%;    }    .pull-lg-10 {      right: 83.333333%;    }    .pull-lg-11 {      right: 91.666667%;    }    .pull-lg-12 {      right: 100%;    }    .push-lg-0 {      left: auto;    }    .push-lg-1 {      left: 8.333333%;    }    .push-lg-2 {      left: 16.666667%;    }    .push-lg-3 {      left: 25%;    }    .push-lg-4 {      left: 33.333333%;    }    .push-lg-5 {      left: 41.666667%;    }    .push-lg-6 {      left: 50%;    }    .push-lg-7 {      left: 58.333333%;    }    .push-lg-8 {      left: 66.666667%;    }    .push-lg-9 {      left: 75%;    }    .push-lg-10 {      left: 83.333333%;    }    .push-lg-11 {      left: 91.666667%;    }    .push-lg-12 {      left: 100%;    }    .offset-lg-0 {      margin-left: 0%;    }    .offset-lg-1 {      margin-left: 8.333333%;    }    .offset-lg-2 {      margin-left: 16.666667%;    }    .offset-lg-3 {      margin-left: 25%;    }    .offset-lg-4 {      margin-left: 33.333333%;    }    .offset-lg-5 {      margin-left: 41.666667%;    }    .offset-lg-6 {      margin-left: 50%;    }    .offset-lg-7 {      margin-left: 58.333333%;    }    .offset-lg-8 {      margin-left: 66.666667%;    }    .offset-lg-9 {      margin-left: 75%;    }    .offset-lg-10 {      margin-left: 83.333333%;    }    .offset-lg-11 {      margin-left: 91.666667%;    }  }    @media (min-width: 1200px) {    .col-xl {      -webkit-flex-basis: 0;          -ms-flex-preferred-size: 0;              flex-basis: 0;      -webkit-box-flex: 1;      -webkit-flex-grow: 1;          -ms-flex-positive: 1;              flex-grow: 1;      max-width: 100%;    }    .col-xl-auto {      -webkit-box-flex: 0;      -webkit-flex: 0 0 auto;          -ms-flex: 0 0 auto;              flex: 0 0 auto;      width: auto;    }    .col-xl-1 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 8.333333%;          -ms-flex: 0 0 8.333333%;              flex: 0 0 8.333333%;      max-width: 8.333333%;    }    .col-xl-2 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 16.666667%;          -ms-flex: 0 0 16.666667%;              flex: 0 0 16.666667%;      max-width: 16.666667%;    }    .col-xl-3 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 25%;          -ms-flex: 0 0 25%;              flex: 0 0 25%;      max-width: 25%;    }    .col-xl-4 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 33.333333%;          -ms-flex: 0 0 33.333333%;              flex: 0 0 33.333333%;      max-width: 33.333333%;    }    .col-xl-5 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 41.666667%;          -ms-flex: 0 0 41.666667%;              flex: 0 0 41.666667%;      max-width: 41.666667%;    }    .col-xl-6 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 50%;          -ms-flex: 0 0 50%;              flex: 0 0 50%;      max-width: 50%;    }    .col-xl-7 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 58.333333%;          -ms-flex: 0 0 58.333333%;              flex: 0 0 58.333333%;      max-width: 58.333333%;    }    .col-xl-8 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 66.666667%;          -ms-flex: 0 0 66.666667%;              flex: 0 0 66.666667%;      max-width: 66.666667%;    }    .col-xl-9 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 75%;          -ms-flex: 0 0 75%;              flex: 0 0 75%;      max-width: 75%;    }    .col-xl-10 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 83.333333%;          -ms-flex: 0 0 83.333333%;              flex: 0 0 83.333333%;      max-width: 83.333333%;    }    .col-xl-11 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 91.666667%;          -ms-flex: 0 0 91.666667%;              flex: 0 0 91.666667%;      max-width: 91.666667%;    }    .col-xl-12 {      -webkit-box-flex: 0;      -webkit-flex: 0 0 100%;          -ms-flex: 0 0 100%;              flex: 0 0 100%;      max-width: 100%;    }    .pull-xl-0 {      right: auto;    }    .pull-xl-1 {      right: 8.333333%;    }    .pull-xl-2 {      right: 16.666667%;    }    .pull-xl-3 {      right: 25%;    }    .pull-xl-4 {      right: 33.333333%;    }    .pull-xl-5 {      right: 41.666667%;    }    .pull-xl-6 {      right: 50%;    }    .pull-xl-7 {      right: 58.333333%;    }    .pull-xl-8 {      right: 66.666667%;    }    .pull-xl-9 {      right: 75%;    }    .pull-xl-10 {      right: 83.333333%;    }    .pull-xl-11 {      right: 91.666667%;    }    .pull-xl-12 {      right: 100%;    }    .push-xl-0 {      left: auto;    }    .push-xl-1 {      left: 8.333333%;    }    .push-xl-2 {      left: 16.666667%;    }    .push-xl-3 {      left: 25%;    }    .push-xl-4 {      left: 33.333333%;    }    .push-xl-5 {      left: 41.666667%;    }    .push-xl-6 {      left: 50%;    }    .push-xl-7 {      left: 58.333333%;    }    .push-xl-8 {      left: 66.666667%;    }    .push-xl-9 {      left: 75%;    }    .push-xl-10 {      left: 83.333333%;    }    .push-xl-11 {      left: 91.666667%;    }    .push-xl-12 {      left: 100%;    }    .offset-xl-0 {      margin-left: 0%;    }    .offset-xl-1 {      margin-left: 8.333333%;    }    .offset-xl-2 {      margin-left: 16.666667%;    }    .offset-xl-3 {      margin-left: 25%;    }    .offset-xl-4 {      margin-left: 33.333333%;    }    .offset-xl-5 {      margin-left: 41.666667%;    }    .offset-xl-6 {      margin-left: 50%;    }    .offset-xl-7 {      margin-left: 58.333333%;    }    .offset-xl-8 {      margin-left: 66.666667%;    }    .offset-xl-9 {      margin-left: 75%;    }    .offset-xl-10 {      margin-left: 83.333333%;    }    .offset-xl-11 {      margin-left: 91.666667%;    }  }

    .bg-white {
      background: #ffffff;
    }
    .bg-grey {
      background: #F0F0F0;
    }
    .container {
      max-width: 850px;
    }
    .row {
      justify-content: center;
      display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display:         flex;
       flex-wrap: wrap;
    }
    .row > [class*='col-'] {
       display: flex;
       flex-direction: column;
     }
     .row > [class*='col'] {
       display: flex;
       flex-direction: column;
     }
    .info-box {
      padding: 50px 20px 30px;
      border-radius: 5px;
      height: 100%;
    }
    .info-box__container {
     padding: 2.5px;
    }
    .info-box__text {
      display: flex;
      align-items: baseline;
      justify-content: center;
      text-align: center !important;
    }
    .info-box__number {
      font-size: 2.2em;
      font-weight: 700;
    }
    .info-box__img {
      margin: 30px 5px;
      height: 180px;
      text-align: center;
      position: relative;
    }
    .vertical-center {
       margin: 0;
       position: absolute;
       top: 50%;
       left: 50%;
       -ms-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
     }
     .align-baseline {
       align-items: baseline;
     }
     .items-center {
       height: 100%;
       align-items: center;
     }
     .items-bottom {
       align-items: flex-end;
     }
 
     .info-box__small-grey-text {
       font-size: 0.7em;
       color: #646464;
       display: block;
       text-align: right;
     }
 
     /* small */
     .info-box-small {
       background: #f0f0f0;
       padding: 15px 10px;
       font-size: 0.8em;
       height: 100%;
       border-radius: 5px;
     }
     .info-box-small .info-box__number {
       font-size: 1.5em;
     }
 
     .info-box-small .info-box__text {
       margin: 5px auto;
       letter-spacing: 0;
     }
     
     .info-box-small .info-box__img {
       height: auto;
       margin: 10px 5px;
     }
 
     
 
     @media (min-width: 768px) {
       .pc-only {
         display: block;
       }
     }
     @media (max-width: 767px) {
       .pc-only {
         display: none;
       }
       .info-box {
         padding: 30px 20px;
       }
       .info-box__img {
         height: 80px;
       }
 
       .info-box__media-info {
       width: 180px;
       }
 
       .info-box__media-info canvas {
       width: 170px;
       }
 
       .media-info-right {
       margin-left: calc(100% - 165px);
     } 
 
       #bg-news {
         position: relative;
         overflow: hidden;
       }
 
       #bg-news::before {
         content: "";
         position: absolute;
         width: 160%;
         height: 220%;
         top: 65px;
         left: 88px;
         z-index: -1;
         background: url('/wp-content/uploads/2018/10/iphone_mag2news.png');
         background-size: 70%;
         background-repeat: no-repeat;
         transform: rotate(16deg);
       }       
 
       #bg-money {
         position: relative;
         overflow: hidden;
       }
 
       #bg-money::before {
         content: "";
         position: absolute;
         width: 160%;
         height: 220%;
         top: 16px;
         left: -136px;
         z-index: -1;
         background: url('/wp-content/uploads/2018/10/iphone_moneyvoice.png');
         background-size: 70%;
         background-repeat: no-repeat;
         transform: rotate(-16deg);
       }     
       
       #bg-trip {
         position: relative;
         overflow: hidden;
       }
 
       #bg-trip::before {
         content: "";
         position: absolute;
         width: 160%;
         height: 220%;
         top: 65px;
         left: 88px;
         z-index: -1;
         background: url('/wp-content/uploads/2018/10/iphone_tripeditor.png');
         background-size: 70%;
         background-repeat: no-repeat;
         transform: rotate(16deg);
       }  
 
       #bg-bythem {
         position: relative;
         overflow: hidden;
       }
 
       #bg-bythem::before {
         content: "";
         position: absolute;
         width: 160%;
         height: 220%;
         top: 16px;
         left: -136px;
         z-index: -1;
         background: url('/wp-content/uploads/2020/07/iphone_bythem.png');
         background-size: 70%;
         background-repeat: no-repeat;
         transform: rotate(-16deg);
       }  
        
     }