@charset "UTF-8";
@media screen and (min-width: 768px), print {
  /* PCのCSS */
  .seo_bread_list a,
  .seo_bread_list {
    font-size: 14px;
  }
  iframe {
    display: block;
    margin: 0 auto;
  }
  #contents01 {
    text-align: center;
    padding: 45px 0 140px;
    letter-spacing: 0;
    font-weight: 400;
  }
  #contents01 .mainttl {
    margin-bottom: 44.5px;
  }
  #contents01 .mainttl span {
    font-size: 20px;
  }
  #contents01 .mainttl span.f-en {
    font-size: 50px;
    display: block;
  }
  .subttl {
    font-size: 26px;
    color: #0a3a72;
    font-weight: bold;
    width: 900px;
    text-align: left;
    margin: 0 auto 20px;
  }
  .subttl02 {
    font-size: 20px;
    color: #0a3a72;
    font-weight: bold;
    width: 900px;
    text-align: left;
    margin: 0 auto 15px;
  }
  .sikaku-name {
    width: 220px;
    display: inline-block;
  }
  .sikaku-num {
    width: 50px;
    text-align: right;
    display: inline-block;
  }
  .inner-Box {
    width: 1200px;
    margin: 0 auto;
  }
  .inner-Box table {
    width: 900px;
    margin: 0 auto;
    font-weight: 400;
    margin-bottom: 50px;
  }
  .inner-Box table th {
    background-color: #0a3a72;
    color: #fff;
    padding: 8px 10px;
    border-bottom: 1px solid #fff;
    width: 160px;
    text-align: left;
    vertical-align: middle;
  }

  .inner-Box table td {
    padding: 8px 15px;
    border-bottom: 1px solid #f2f2f2;
    width: 740px;
    text-align: left;
  }

  #contents02 {
    background-color: #f2f2f2;
    padding: 70px 0 140px;
    text-align: center;
  }

  #contents02 .mainttl {
    margin-bottom: 44.5px;
  }
  #contents02 .mainttl span {
    font-size: 20px;
    margin-top: -40px;
    display: block;
    font-weight: 700;
  }
  #contents02 .mainttl span.f-en {
    font-size: 70px;
    margin-top: 0;
    display: block;
    color: #ffffff;
  }

  #contents02 table {
    background-color: #fff;
  }
  #contents02 .inner-Box:not(:first-child) {
    margin-top: 100px;
  }
  .ex-link {
    background: url("../images/company/icon-ex.png") center right no-repeat;
    padding-right: 1.5em;
  }

  #contentsbottom .inner-Box2 {
    margin: 0 auto;
    position: relative;
    width: 1100px;
  }
  #contentsbottom .inner-Box2 ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }
  #contentsbottom .inner-Box2 ul li {
    position: relative;
    width: 340px;
    margin-right: 40px;
  }
  #contentsbottom .inner-Box2 ul li:nth-child(3n),  #contentsbottom .inner-Box2 ul li:last-child {
    margin-right: 0px;
  }
  #contentsbottom .inner-Box2 ul li a {
  }
  #contentsbottom .inner-Box2 ul li a:hover {
  }
  #contentsbottom .inner-Box2 figure {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 40px;
  }
  #contentsbottom .inner-Box2 figure img {
  }
  #contentsbottom .inner-Box2 p.ltext {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: 0px;
    margin-bottom: 30px;
    position: relative;
  }
  #contentsbottom {
    padding: 110px 0 60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1450px) {
  /* ブレイクポイント　必要であれば */
}

@media screen and (max-width: 767px) {
  /* SPのCSS */

  #contents01 {
    text-align: center;
    padding: 4.11vw 4.11vw 14.49vw;
    line-height: 1.75;
    letter-spacing: 0;
  }
  #contents01 .mainttl {
    margin-bottom: 4.28vw;
  }
  #contents01 .mainttl span {
    font-size: 4.83vw;
    font-weight: bold;
  }
  #contents01 .mainttl span.f-en {
    font-size: 6.28vw;
    display: block;
    font-weight: 400;
  }
  #contents01 table,
  #contents02 table {
    font-size: 3.86vw;
  }
  #contents01 table th,
  #contents02 table th {
    width: 100%;
    background-color: #0a3a72;
    color: #fff;
    display: block;
    text-align: left;
    padding: 1.8vw 2vw;
  }
  #contents01 table td,
  #contents02 table td {
    width: 100%;
    display: block;
    padding: 2.42vw 0;
    text-align: left;
  }
  .subttl {
    font-size: 4.83vw;
    color: #0a3a72;
    font-weight: bold;
    width: 900px;
    text-align: left;
    margin: 0 auto 2.17vw;
  }
  .subttl02 {
    font-size: 4.83vw;
    color: #0a3a72;
    font-weight: bold;
    width: 900px;
    text-align: left;
    margin: 0 auto 2.17vw;
  }

  iframe {
    width: 100%;
    height: 55.56vw;
    display: block;
    margin: 4.6vw auto 0;
  }

  #contents02 {
    background-color: #f2f2f2;
    text-align: center;
    padding: 12.08vw 4.11vw;
  }

  #contents02 .mainttl {
    margin-bottom: 5.7vw;
  }
  #contents02 .mainttl span {
    font-size: 4.83vw;
    margin-top: -6vw;
    display: block;
    font-weight: 700;
  }
  #contents02 .mainttl span.f-en {
    font-size: 8.7vw;
    font-weight: 400;
    margin-top: 0;
    display: block;
    color: #ffffff;
  }
  #contentsbottom {
    padding-top: 14.49vw;
  }
  #contents02 .inner-Box:not(:first-child) {
    margin-top: 14.49vw;
  }
  .ex-link {
    background: url("../images/company/icon-ex.png") center right no-repeat;
    padding-right: 1.5em;
  }

  #contentsbottom .inner-Box2 {
    margin: 0 9vw;
    position: relative;
  }
  #contentsbottom .inner-Box2 ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #contentsbottom .inner-Box2 ul li {
    position: relative;
    margin-bottom: 0.66vw;
  }
  #contentsbottom .inner-Box2 ul li:nth-child(3n) {
    margin-right: 0vw;
  }
  #contentsbottom .inner-Box2 ul li a {
  }
  #contentsbottom .inner-Box2 ul li a:hover {
  }
  #contentsbottom .inner-Box2 figure {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 8.45vw;
  }
  #contentsbottom .inner-Box2 figure img {
  }
  #contentsbottom .inner-Box2 p.ltext {
    font-size: 3.86vw;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: 0vw;
    margin-bottom: 7.25vw;
    position: relative;
  }
}
