@charset "utf-8";
:root {
  --page-black: #2b2b2b;
  --page-blue: #0260d9;
  --page-red: #d71515;
  --page-transition: all 0.3s 0s ease;
}
.page * {
  color: var(--page-black);
}
.page .intro .title * {
  background-color: #0260d9;
  background-image: linear-gradient(90deg, rgba(2, 96, 217, 1) 34%, rgba(2, 182, 217, 1));
  color: #FFF;
  font-weight: bold;
}
.page .intro .block {
  background-color: #FFF;
  box-shadow: 7px 7px 15px 0px rgba(20, 76, 127, 0.35);
}
.page .intro .block p:nth-of-type(1) {
  color: var(--page-blue);
  font-weight: bold;
}
.page .content > div .text p:nth-of-type(1) {
  font-weight: bold;
}
.page .content > div .text p:nth-of-type(1) strong {
  color: var(--page-blue);
}
.page .content > div .text p:nth-of-type(2) strong {
  color: var(--page-red);
  font-weight: normal;
}
@media screen and (min-width:441px) {
  .page {
    padding-bottom: 20px;
  }
  .page * {
    font-size: 1.05em;
  }
  .page .intro {
    margin: 0 0 30px 0;
    padding: 35px 0 0 360px;
  }
  .page .intro .main_image {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
  }
  .page .intro .title p {
    display: inline-block;
    font-size: 1.9em;
    padding: 5px 10px 7px 10px;
    margin: 0;
    line-height: 1;
  }
  .page .intro .title h2 {
    display: inline-block;
    font-size: 3.35em;
    line-height: 1;
    margin: 15px 0 0 0;
    padding: 10px 10px 15px 10px;
  }
  .page .intro .block {
    margin: 30px 0 0 0;
    padding: 28px;
    width: 535px;
  }
  .page .intro .block p:nth-of-type(1) {
    font-size: 1.3em;
    margin: 0 0 5px 0;
    padding: 0;
  }
  .page .intro .block p:nth-of-type(2) {
    margin: 0;
    padding: 0;
  }
  .page .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .page .content > div {
    width: 280px;
  }
  .page .content > div .icon {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: center;
  }
  .page .content > div .icon img {
    height: auto;
    max-height: 120px;
  }
  .page .content > div:nth-of-type(1) .icon img {
    width: 100px
  }
  .page .content > div:nth-of-type(2) .icon img {
    width: 120px;
  }
  .page .content > div:nth-of-type(3) .icon img {
    width: 215px
  }
  .page .content > div .text p:nth-of-type(1) {
    border-bottom: solid 4px var(--page-blue);
    font-size: 1.3em;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    text-align: center;
  }
  .page .content > div .text p:nth-of-type(2) {
    font-size: 1em;
  }
}
@media screen and (max-width:440px) { 
  .page {
    padding-bottom: 20px;
  }
  .page * {
    font-size: 0.95em;
  }
  .page .intro {
    margin: 0 0 30px 0;
    padding: 30px 0 0 0;
  }
  .page .intro .main_image {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
  }
  .page .intro .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  }
  .page .intro .title p {
    display: inline-block;
    font-size: 1.18em;
    padding: 5px 10px 7px 10px;
    margin: 0;
    line-height: 1;
  }
  .page .intro .title h2 {
    display: inline-block;
    font-size: 1.8em;
    line-height: 1;
    margin: 10px 0 0 0;
    padding: 7px 10px 10px 10px;
  }
  .page .intro .block {
    margin: 1.5em auto 0 auto;
    padding: 1.4em 1.2em;
    width: 92%;
  }
  .page .intro .block p:nth-of-type(1) {
    font-size: 1.25em;
    margin: 0 0 3px 0;
    padding: 0;
  }
  .page .intro .block p:nth-of-type(2) {
    margin: 0;
    padding: 0;
  }
  .page .content {
  width: 92%;
  margin: 0 auto;
  }
  .page .content > div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5em;
  }
  .page .content > div .icon {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    width: 25%;
  }
  .page .content > div .icon img {
    height: auto;
    max-height: 120px;
  }
  .page .content > div:nth-of-type(1) .icon img {
    width: 100%;
  }
  .page .content > div:nth-of-type(2) .icon img {
    width: 120px;
  }
  .page .content > div:nth-of-type(3) .icon img {
    width: 215px
  }
  .page .content > div .text {
    width: 70%;
  }
  .page .content > div .text p:nth-of-type(1) {
    border-bottom: solid 2px var(--page-blue);
    font-size: 1.15em;
    margin: 0 0 8px 0;
    padding: 0 0 5px 0;
  }
  .page .content > div .text p:nth-of-type(2) {
    font-size: 1em;
  }
}