.mobile {
  display: none; }

.mainvisual {
  float: left;
  width: 100%;
  background: url(/img/mainvisual_bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  border-bottom: 8px solid #173d97; }
  .mainvisual > .wrapper {
    padding: 0;
    height: 100vh;
    padding: 100px 0;
    position: relative; }
    .mainvisual > .wrapper > .img1 {
      position: absolute;
      bottom: 0;
      left: -100px;
      width: 550px; }
    .mainvisual > .wrapper > .text {
      position: relative;
      float: right;
      width: 700px;
      z-index: 10;
      margin-top: 140px; }

#greetingBox {
  float: left;
  width: 100%;
  background: url(/img/bg_1.jpg) no-repeat;
  background-size: cover;
  padding: 140px 0 100px; }
  #greetingBox > .wrapper > h2 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10; }
    #greetingBox > .wrapper > h2 > img {
      width: 80%;
      margin: 0 10% 0px;
      position: relative;
      z-index: 10; }
  #greetingBox > .wrapper > .inner {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 48px;
    margin-top: 64px; }
    #greetingBox > .wrapper > .inner > h3 {
      float: left;
      width: 100%;
      margin: 32px 0 48px;
      text-align: center;
      color: #3c88c9;
      font-weight: 600;
      font-size: 42px;
      letter-spacing: 2px; }
      #greetingBox > .wrapper > .inner > h3 > img {
        height: 48px; }
    #greetingBox > .wrapper > .inner > p {
      float: left;
      width: 100%;
      font-size: 18px;
      line-height: 32px; }
      #greetingBox > .wrapper > .inner > p.right {
        float: left;
        width: 100%;
        text-align: right; }

#profileBox {
  float: left;
  width: 100%;
  background: #ebebeb;
  padding: 120px 0 120px; }
  #profileBox > .wrapper > h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 48px; }
    #profileBox > .wrapper > h2 > span {
      background: url(/img/title_bg.png) no-repeat;
      background-size: 100%;
      background-position: center;
      color: #fff;
      font-weight: 600;
      font-size: 42px;
      width: 800px;
      height: 100px;
      line-height: 100px;
      display: inline-block; }
  #profileBox > .wrapper > .inner {
    float: right;
    width: 100%;
    background: #fff;
    box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.1);
    padding: 48px 48px 48px 120px;
    position: relative; }
    #profileBox > .wrapper > .inner > .box {
      float: left;
      width: 48%;
      margin-bottom: 24px; }
      #profileBox > .wrapper > .inner > .box:first-of-type {
        width: 52%; }
      #profileBox > .wrapper > .inner > .box > h3 {
        float: left;
        width: 100%;
        font-size: 20px;
        color: #3c88c9;
        margin-bottom: 8px; }
      #profileBox > .wrapper > .inner > .box > ul {
        float: left;
        width: 100%; }
        #profileBox > .wrapper > .inner > .box > ul > li {
          float: left;
          width: 100%;
          font-size: 18px;
          line-height: 32px;
          list-style: inside; }
    #profileBox > .wrapper > .inner > img {
      position: absolute;
      left: -64px;
      bottom: 0;
      width: 150px; }

#introductionBox {
  float: left;
  width: 100%;
  padding: 120px 0 120px;
  background: url(/img/bg_4.jpg) no-repeat;
  background-size: cover; }
  #introductionBox > .wrapper > h2 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 48px; }
    #introductionBox > .wrapper > h2 > span {
      background-size: 100%;
      background-position: center;
      color: #fff;
      font-weight: 600;
      font-size: 42px;
      width: 800px;
      height: 100px;
      line-height: 100px;
      display: inline-block; }
  #introductionBox > .wrapper > .inner {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 64px 48px 48px; }
    #introductionBox > .wrapper > .inner > ul {
      float: left;
      width: 100%; }
      #introductionBox > .wrapper > .inner > ul > li {
        float: left;
        width: 100%; }
        #introductionBox > .wrapper > .inner > ul > li > h3 {
          float: left;
          width: 100%;
          background: #3c88c9;
          color: #fff;
          position: relative;
          line-height: 72px;
          font-size: 32px;
          text-align: center;
          border-radius: 80px; }
          #introductionBox > .wrapper > .inner > ul > li > h3::before, #introductionBox > .wrapper > .inner > ul > li > h3::after {
            content: "";
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto; }
          #introductionBox > .wrapper > .inner > ul > li > h3::before {
            left: 64px; }
          #introductionBox > .wrapper > .inner > ul > li > h3::after {
            right: 64px; }
        #introductionBox > .wrapper > .inner > ul > li > .text {
          float: left;
          width: 100%;
          font-size: 18px;
          line-height: 32px;
          margin: 16px 0 48px; }
    #introductionBox > .wrapper > .inner > .message {
      float: left;
      width: 100%;
      background-color: #fff;
      background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #ccc 1px, transparent 1px);
      background-size: 8px 100%, 100% 2.5em;
      line-height: 2.5em;
      padding-bottom: 1px;
      border: 40px solid #fff;
      box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.1); }
      #introductionBox > .wrapper > .inner > .message > .text {
        float: left;
        width: 100%; }
        #introductionBox > .wrapper > .inner > .message > .text > p.right {
          float: left;
          width: 100%;
          text-align: right; }

#policyBox {
  float: left;
  width: 100%;
  padding: 120px 0 100px;
  background: url(/img/bg_5.jpg) no-repeat;
  background-size: cover; }
  #policyBox > .wrapper > h2 {
    float: left;
    width: 100%; }
    #policyBox > .wrapper > h2 > img.title {
      float: left;
      width: 90%;
      margin: 0 5% 0; }
  #policyBox > .wrapper > .inner {
    float: left;
    width: 100%;
    margin-top: -48px; }
    #policyBox > .wrapper > .inner > .box {
      float: left;
      width: 100%;
      background: #fff;
      box-shadow: 4px 4px 16px 16px rgba(0, 0, 0, 0.1);
      margin-bottom: 100px; }
      #policyBox > .wrapper > .inner > .box > .title {
        float: left;
        width: 100%;
        position: relative;
        letter-spacing: -2px;
        background: linear-gradient(to right, #00AEEF, #3c88c9); }
        #policyBox > .wrapper > .inner > .box > .title > .num {
          position: absolute;
          top: -54px;
          left: -40px;
          width: 120px; }
        #policyBox > .wrapper > .inner > .box > .title > h3 {
          float: left;
          width: 100%;
          font-size: 28px;
          color: #fff;
          padding: 28px 16px 28px 56px; }
          #policyBox > .wrapper > .inner > .box > .title > h3 > strong {
            font-size: 36px;
            color: #F6E100;
            margin-right: -8px; }
      #policyBox > .wrapper > .inner > .box > ul.text {
        float: left;
        width: 100%;
        padding: 48px 48px; }
        #policyBox > .wrapper > .inner > .box > ul.text > li {
          float: left;
          width: 100%;
          font-size: 18px;
          line-height: 32px;
          list-style: inside; }

/*# sourceMappingURL=d--home--index.css.map */