@charset "UTF-8";

@media (min-width: 768px) {
  .under_ttl_img {
    position: relative;
    z-index: 6;
    margin-top: -10.5vw;
    margin-bottom: 8.3vw;
  }
  .business {}
  .business .business_main {
    position: relative;
    width: 86.1vw;
    margin: 0 auto 7.98vw;
  }
  .business .business_main .img {
    width: 57.9vw;
    margin: 0 auto;
  }
  .business .business_main .cell {
    position: absolute;
  }
  .business .business_main .cell a {
    font-size: 0.90vw;
    text-decoration: underline;
    display: block;
    margin-bottom: 0.5vw;
    color: #000;
  }
  .business .business_main .cell a:hover {
    color: #1AAEFA;
  }

  .business .business_main .cell.cell10 a,
  .business .business_main .cell.cell11 a {
    /*
    color: #104BDD;
    */
  }
  .business .business_main .cell a img {
    width: 0.76vw;
    margin-left: 0.3vw;
  }
  .business .business_main .cell .img {
    margin: 0 0 0vw;
  }
  .business .business_main .cell01 {
    width: 15.3vw;
    bottom: 1.5vw;
    left: 35.7vw;
  }
  .business .business_main .cell02 {
    width: 17.6vw;
    top: 11.0vw;
    left: 5.375vw;
  }
  .business .business_main .cell03 {
    width: 15.7vw;
    bottom: 1.38vw;
    left: 15.2vw;
  }
  .business .business_main .cell03 .img {
    width: 13vw;
  }
  .business .business_main .cell04 {
    width: 15.2vw;
    bottom: 1.38vw;
    right: 14.0vw;
  }
  .business .business_main .cell04 .img {
    width: 10.7vw;
  }
  .business .business_main .cell05 {
    width: 17.6vw;
    top: 0.5vw;
    left: 13.9vw;
  }
  .business .business_main .cell12 {
    width: 13.4vw;
    bottom: 11.4vw;
    right: 3.5vw;
  }
  .business .business_main .cell06 {
    width: 17.6vw;
    top: 20vw;
    left: 0;
  }
  .business .business_main .cell06 .img {
    width: 11.8vw;
  }
  .business .business_main .cell07 {
    width: 13.4vw;
    top: 18.75vw;
    right: 0;
  }
  .business .business_main .cell07 .img {
    width: 11.7vw;
  }
  .business .business_main .cell08 {
    width: 17.6vw;
    bottom: 13.5vw;
    left: 1.5vw;
  }
  .business .business_main .cell09 {
    width: 16.9vw;
    top: 10.3vw;
    right: 3.7vw;
  }
  .business .business_main .cell10 {
    width: 17.1vw;
    top: -4.9vw;
    left: 37.1vw;
  }
  .business .business_main .cell10 .img {
    width: 13.6vw;
  }
  .business .business_main .cell11 .img {
    width: 5.7vw;
  }
  .business .business_main .cell11 {
    width: 17.1vw;
    top: 1.3vw;
    right: 11.4vw;
  }

  .business .business_main .ttl {
    border-bottom: 2px solid #002888;
    color: #002888;
    /*
    border-bottom: 2px solid #1AAEFA;
    color: #1AAEFA;
    */
    font-weight: bold;
    font-size: 1.38vw;
    line-height: 1;
    padding: 0 0 0.7vw;
    margin: 0 0 0.83vw;
  }
  /*
  .business .business_main .cell06 .ttl,
  .business .business_main .cell07 .ttl,
  .business .business_main .cell08 .ttl,
  .business .business_main .cell09 .ttl {
    border-bottom: 2px solid #002888;
    color: #002888;
  }
  */
  .business .business_main .cell08 .ttl {
    font-size: 1.25vw;
  }
  /*
  .business .business_main .cell10 .ttl,
  .business .business_main .cell11 .ttl {
    border-bottom: 2px solid #104BDD;
    color: #104BDD;
  }
  */

  .business .type {
  }
  .business .type .cell {
    position: relative;
    padding: 0 0 9.8vw;
    margin: 0 0 4.5vw;
  }
  .business .type .cell::after {
    display: block;
    position: absolute;
    content: "";
    width: 91.9vw;
    height: 25.9vw;
    background: url(../img/business/type_bg.png) no-repeat center;
    background-size: 100% 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .business .type h2 {
    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);
  }
  .business .type .cell02 h2 {
    margin: 0 0 3.125vw 7.3vw;
    width: 26vw;
    background: #002888;
  }
  .business .type .cell03 h2 {
    margin: 0 0 3.125vw 4.16vw;
    width: 22.4vw;
    background: #104BDD;
  }
  .business .type .inner {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
  }
  .business .type .cell02 .inner {
    flex-direction: row-reverse;
  }
  .business .type .inner .img {
    width: 19.3vw;
  }
  .business .type .cell01 .inner .img {
    margin-top: -5.2vw;
  }
  .business .type .cell02 .inner .img {
    margin-top: 6.4vw;
  }
  .business .type .cell03 .inner .img {
    margin-top: -4.6vw;
  }
  .business .type .inner .txt_cell {
    width: 73.2vw;
  }
  .business .type .inner .txt_cell .txt_top {
    /*
    width: 61.8vw;
    */
    width: 62.0vw;
  }
  .business .type .cell02 .inner .txt_cell .txt_top {
    margin: 0 0 0 auto;
  }
  .business .type .inner .txt_cell p {
    font-size: 1.11vw;
    font-weight: 500;
    line-height: 2.0;
    margin: 0 0 2.2vw;
  }
  .business .type .inner .txt_cell a {
    font-size: 0.97vw;
    text-decoration: underline;
    color: #000;
    transition: transform 0.5s ease;
  }
  .business .type .inner .txt_cell a:hover {
    color: #1AAEFA;
  }
  .business .type .inner .txt_cell a img {
    width: 0.7vw;
    margin: 0 0 0 0.2vw;
  }
  .business .type .inner .txt_cell .img_L {
    margin-top: 4.3vw;
  }

}

@media (max-width: 767px) {
  .under_ttl h1 span {
    font-size: 12.8vw;
  }
  .under_ttl_img {
    position: relative;
    z-index: 6;
    margin-top: -32vw;
    margin-bottom: 13.3vw;
  }
  .business {}
  .business .business_main {
    position: relative;
    width: 100%;
    margin: 0 auto 7.98vw;
  }
  .business .business_main .img {
    width: 100%;
    margin: 0 auto 6.6vw;
  }
  .business .business_main .cell {
    width: 82.6vw;
    margin: 0 auto 9.3vw;
  }
  .business .business_main .cell a {
    font-size: 3.46vw;
    text-decoration: underline;
    display: block;
    margin-bottom: 1.5vw;
    margin-left: 4.0vw;
    color: #000;
  }
  .business .business_main .cell.cell10 a,
  .business .business_main .cell.cell11 a {
    /*
    color: #104BDD;
    */
  }
  .business .business_main .cell a img {
    width: 2.9vw;
    margin-left: 1.0vw;
  }
  .business .business_main .cell .img {
    margin: 0 0 0vw 4.0vw;
  }
  .business .business_main .cell01 {
  }
  .business .business_main .cell02 {
  }
  .business .business_main .cell03 {
  }
  .business .business_main .cell03 .img {
    width: 50.1vw;
  }
  .business .business_main .cell04 {
  }
  .business .business_main .cell04 .img {
    width: 41vw;
  }
  .business .business_main .cell05 {
  }
  .business .business_main .cell12 {
    margin-bottom: 16vw;
  }
  .business .business_main .cell06 {
  }
  .business .business_main .cell06 .img {
    width: 45.6vw;
  }
  .business .business_main .cell07 {
  }
  .business .business_main .cell07 .img {
    width: 45.6vw;
  }
  .business .business_main .cell08 {
  }
  .business .business_main .cell09 {
    margin-bottom: 16vw;
  }
  .business .business_main .cell10 {
  }
  .business .business_main .cell10 .img {
    width: 52.5vw;
  }
  .business .business_main .cell11 {
    margin-bottom: 19.2vw;
  }
  .business .business_main .cell11 .img {
    width: 25vw;
  }

  .business .business_main .ttl {
    /*
    border-bottom: 2px solid #1AAEFA;
    color: #1AAEFA;
    */
    border-bottom: 2px solid #002888;
    color: #002888;
    font-weight: bold;
    font-size: 4.8vw;
    line-height: 1;
    padding: 0 0 4.0vw;
    margin: 0 0 4.0vw;
  }
  /*
  .business .business_main .cell06 .ttl,
  .business .business_main .cell07 .ttl,
  .business .business_main .cell08 .ttl,
  .business .business_main .cell09 .ttl {
    border-bottom: 2px solid #002888;
    color: #002888;
  }
  .business .business_main .cell10 .ttl,
  .business .business_main .cell11 .ttl {
    border-bottom: 2px solid #104BDD;
    color: #104BDD;
  }
  */

  .business .type {
  }
  .business .type .cell {
    position: relative;
    padding: 0 0 19.2vw;
    margin: 0 0 24vw;
  }
  .business .type .cell::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 53.6vw;
    background: url(../img/business/type_bg_sp.png) no-repeat center;
    background-size: 100% 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  .business .type h2 {
    position: relative;
    z-index: 3;
    margin: 0 0 6.6vw 8.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50.4vw;
    height: 17.3vw;
    color: #fff;
    font-size: 5.33vw;
    font-weight: bold;
    background: #1AAEFA;
    transform: rotate(-2.98deg);
  }
  .business .type .cell02 h2 {
    width: 59.2vw;
    background: #002888;
  }
  .business .type .cell03 h2 {
    background: #104BDD;
  }
  .business .type .inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
  }
  .business .type .inner .img {
    position: absolute;
  }
  .business .type .cell01 .inner .img {
    width: 41.3vw;
    left: 0;
    top: 0;
  }
  .business .type .cell02 .inner .img {
    width: 41.3vw;
    right: 0;
    top: 91.2vw;
  }
  .business .type .cell03 .inner .img {
    width: 41.3vw;
    left: 0;
    top: 0;
  }
  .business .type .inner .txt_cell {
    width: 100%;
    margin: 0 auto;
  }
  .business .type .inner .txt_cell .txt_top {
    width: 82.6vw;
    margin: 0 auto;
  }
  .business .type .inner .txt_cell p {
    font-size: 3.73vw;
    font-weight: 500;
    line-height: 2.0;
    margin: 0 0 8.0vw;
  }
  .business .type .inner .txt_cell a {
    font-size: 3.73vw;
    text-decoration: underline;
    color: #000;
  }
  .business .type .inner .txt_cell a img {
    width: 2.6vw;
    margin: 0 0 0 1.2vw;
  }
  .business .type .cell01 .inner .txt_cell p:first-of-type {
    width: 42.1vw;
    margin: 0 0 0vw auto;
  }
  .business .type .cell02 .inner .txt_cell p:last-of-type {
    width: 41.3vw;
    margin: 0 0 10.6vw 0;
  }
  .business .type .cell03 .inner .txt_cell p:first-of-type {
    width: 42.1vw;
    margin: 0 0 2.6vw auto;
  }
  .business .type .inner .txt_cell .img_L {
  }
  .business .type .cell01 .inner .txt_cell .img_L {
    width: 91.4vw;
    margin: 10.6vw 0 0 auto;
  }
  .business .type .cell02 .inner .txt_cell .img_L {
    width: 91.4vw;
    margin: 13.6vw 0 0 0;
  }
  .business .type .cell03 .inner .txt_cell .img_L {
    width: 91.4vw;
    margin: 10.6vw 0 0 auto;
  }
}