@charset "utf-8";

.topicPath {
  background-color: #F8F5F6;
}

.topicPath>ul {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.topicPath>ul>li+li:before {
  display: inline-block;
  margin: 0 .5em;
  content: '>';
}

.is-doubleline {
  position: relative;
}

.is-doubleline:after {
  position: absolute;
  bottom: .2em;
  left: 0;
  display: inline-block;
  width: 100%;
  content: '';
  border-bottom: double;
}

.mod-scrollBox01 {
  width: 100%;
  scrollbar-base-color: #999;
  scrollbar-track-color: #f8f5f6;
  scrollbar-arrow-color: rgba(0, 70, 126, .4);
}

.mod-scrollBox01.is-scrollX {
  padding-bottom: 5px;
  overflow-x: auto;
}

.mod-scrollBox01::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  padding: 2px;
}

.mod-scrollBox01::-webkit-scrollbar-track {
  padding: 4px;
  background: #f8f5f6;
}

.mod-scrollBox01::-webkit-scrollbar-thumb {
  border: 5px solid #f8f5f6;
  border-radius: 8px;
  background: #999;
}

/*  module
-------------------------------------------------- */
/* section */
.mod-section01,
.mod-section02 {
  margin: 0 auto;
  padding: 0 20px;
}

.mod-section03 {
  margin: 32px auto;
}

/* heading */

/* box */
.mod-box01 {
  background-color: #f5f9fb;
  padding: 1.2em;
}

.mod-box01>h2 {
  margin-bottom: .8em;
  font-size: 1.6rem;
  text-align: center;
  color: #045f98;
}

/* list */
.mod-olList01>li {
  position: relative;
  padding-left: 1.4em;
}

.mod-olList01>li+li {
  margin-top: .2em;
}

.mod-olList01>li>span:first-of-type {
  position: absolute;
  left: 0;
  display: inline-block;
}

.mod-olList02>li {
  position: relative;
  padding-left: 2.4em;
  counter-increment: cnt;
}

.mod-olList02>li+li {
  margin-top: .2em;
}

.mod-olList02>li:before {
  position: absolute;
  top: .1em;
  left: 0;
  display: inline-block;
  font-size: .9em;
  content: "(" counter(cnt) ")";
  display: inline-block;
}

.mod-ulList01>li {
  position: relative;
  padding-left: 1em;
}

.mod-ulList01>li+li {
  margin-top: .2em;
}

.mod-ulList01>li:before {
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #333;
  content: '';
}

/* table */
.mod-table01 {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: .05em;
}

.mod-table01 th,
.mod-table01 td {
  box-sizing: border-box;
  padding: .5em;
  border: 1px solid #e1e1e1;
  vertical-align: middle;
  border-collapse: collapse;
}

.mod-table01>thead>tr>* {
  border-bottom: 1px solid #e1e1e1;
}

.mod-table01>thead>tr>th {
  background: #0e5a95;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.mod-table01>tbody:first-child th:first-child {
  border-right: none;
}

.mod-table01>tbody:first-child th:first-child+td {
  border-left: none;
}

.mod-table01>thead+tbody>tr:first-child>* {
  border-top: none;
}

.mod-table01>thead+tbody>tr>th,
.is-light {
  background: #f5f9fb;
}

.mod-table01 .bt {
  border-top: 1px solid #e1e1e1;
}

.mod-table01 .br {
  border-right: 1px solid #e1e1e1;
}

.mod-table01 .bb {
  border-bottom: 1px solid #e1e1e1;
}

.mod-table01 .bl {
  border-left: 1px solid #e1e1e1;
}

.mod-table01 .caption {
  background: #f5f9fb;
  font-size: 11px;
  margin-top: 1.2rem;
  padding: 10px 12px 9px;
  caption-side: bottom;
  text-align: left;
}

/* badge */
.mod-badge {
  display: inline-block;
  padding: .3em .5em;
  font-size: 1.2rem;
  border-radius: 2px;
  background-color: #333;
  color: #fff;
  line-height: 1;
  vertical-align: text-top;
}

.mod-badge.is-update {
  background-color: #0891B2;
}

.mod-badge.is-new {
  background-color: #EF4444;
}

/* text */
.mod-txtLink01 {
  text-decoration: underline;
}

.mod-txtLink01:hover {
  text-decoration: none;
}

.icon-date {
  display: inline-block;
  width: 1.2em;
  margin-top: -.2em;
  margin-right: .5em;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .mod-scrollBox01 .mod-table01 {
    width: 695px;
  }
}

@media screen and (min-width: 751px) {

  /* section */
  .mod-section01 {
    width: 1200px;
    padding: 0;
  }

  .mod-section02 {
    width: 1040px;
    padding: 0;
  }

  .mod-section03 {
    width: 100%;
    margin: 56px auto;
  }

  /* table */
  .mod-table01 {
    font-size: 1.4rem;
  }

  .mod-table01 th,
  .mod-table01 td {
    padding: .8em;
  }

  /* box */
  .mod-box01 {
    padding: 1.5em 2em;
  }

  .mod-box01>h2 {
    font-size: 2rem;
    text-align: left;
  }
}

/*  template
-------------------------------------------------- */
/* archive */
.archive .wrap {
  background-image: linear-gradient(120deg, rgba(26, 95, 165, 1), rgba(255, 255, 255, 0)), linear-gradient(185deg, rgba(25, 164, 222, 1), rgba(255, 255, 255, 0)), linear-gradient(340deg, rgba(15, 61, 122, 1), rgba(255, 255, 255, 0));
}

/* page header */
.pageHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 180px;
  padding: 20px 20px 15px;
}

.pageHeader h1 {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: #ffffff;
  text-align: center;
}

.pageHeader .lead {
  margin-top: 1.5em;
  color: #fff;
}

.pageHeader .cat {
  display: inline-block;
  margin-top: .8em;
  padding: .4em 1em;
  border: 2px solid #ffffff;
  font-size: 1.1rem;
  color: #fff;
}

/* contact button */
.contactBtn a {
  position: relative;
  display: block;
  padding: 15px 32px 15px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  background-color: #EF4444;
  transition: background-color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.contactBtn a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(0, -50%) rotate(45deg);
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}

.contactBtn a:hover {
  background-color: #DB3030;
}

.contactBtn a:hover:after {
  transform: translate(8px, -50%) rotate(45deg);
}

.main .contactBtn a h2 {
  margin-bottom: .3em;
  font-size: 1.6rem;
  font-weight: 400;
}

.contactBtn a p {
  font-size: 1.2rem;
}

@media screen and (max-width: 750px) {

  /* page header */
  .electric .pageHeader {
    background: url(../img/electric/title_sp.jpg) no-repeat center center / cover;
  }

  .thermal .pageHeader {
    background: url(../img/thermal/title_sp.jpg) no-repeat center center / cover;
  }

  .material .pageHeader {
    background: url(../img/material/title_sp.jpg) no-repeat center center / cover;
  }

  .sensing .pageHeader {
    background: url(../img/sensing/title_sp.jpg) no-repeat center center / cover;
  }

  .other .pageHeader {
    background: url(../img/other/title_sp.jpg) no-repeat center center / cover;
  }
}

@media screen and (min-width: 751px) {

  /* page header */
  .pageHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 250px;
  }

  .pageHeader h1 {
    width: 1040px;
    font-size: 2.8rem;
    letter-spacing: 1.5px;
  }

  .pageHeader .cat {
    font-size: 1.5rem;
  }

  .electric .pageHeader {
    background: url(../img/electric/title_pc.jpg) no-repeat center top / cover;
  }

  .thermal .pageHeader {
    background: url(../img/thermal/title_pc.jpg) no-repeat center top / cover;
  }

  .material .pageHeader {
    background: url(../img/material/title_pc.jpg) no-repeat center top / cover;
  }

  .sensing .pageHeader {
    background: url(../img/sensing/title_pc.jpg) no-repeat center top / cover;
  }

  .other .pageHeader {
    background: url(../img/other/title_pc.jpg) no-repeat center top / cover;
  }

  /* topic path */

  .topicPath>ul {
    width: 1040px;
    margin: 0 auto;
    padding: 10px 0;
  }

  .topicPath a {
    color: #333;
    text-decoration: none;
  }

  .topicPath a:hover {
    text-decoration: underline;
  }

  /* contact button */
  .contactBtn a {
    padding: 26px 56px 26px 40px;
  }

  .contactBtn a:after {
    right: 40px;
  }

  .main .contactBtn a h2 {
    line-height: 1.3;
    font-size: 2.2rem;
    letter-spacing: .2em;
  }
}

@media screen and (max-width:750px) {
  .mod-container {
    padding: 32px 20px;
  }
  .topicPath>ul {
    margin: 0 20px;
    padding: 5px 0;
  }
}

@media screen and (min-width:751px) {
  .mod-container {
    display: flex;
    justify-content: space-between;
    width: 1040px;
    margin: 0 auto;
    padding: 48px 0;
  }

  .mod-container>.main {
    width: 695px;
    line-height: 1.8;
    letter-spacing: .05em;
  }

}

.mod-movieBox-wide {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.mod-movieBox-wide>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*  utility
-------------------------------------------------- */
.indent1em {
  padding-left: 1em;
  text-indent: -1em;
}

.indent1-5em {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.indent1-8em {
  padding-left: 1.8em;
  text-indent: -1.8em;
}

.indent1-8em>span:first-of-type {
  display: inline-block;
  width: 1.8em;
  text-indent: 0;
}

.indent2em {
  padding-left: 2em;
  text-indent: -2em;
}

.indent3em {
  padding-left: 3em;
  text-indent: -3em;
}

.m0 {
  margin: 0 !important;
}

.m0a {
  margin: 0 auto !important;
}

.mrl15 {
  margin: 0 15px !important;
}

.mrl-15 {
  margin: 0 -15px !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.m55 {
  margin: 55px !important;
}

.m60 {
  margin: 60px !important;
}

.m65 {
  margin: 65px !important;
}

.m70 {
  margin: 70px !important;
}

.m75 {
  margin: 75px !important;
}

.m80 {
  margin: 80px !important;
}

.m85 {
  margin: 85px !important;
}

.m90 {
  margin: 90px !important;
}

.m95 {
  margin: 95px !important;
}

.m100 {
  margin: 100px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mt-1 {
  margin-top: -1px !important;
}

.mt-2 {
  margin-top: -2px !important;
}

.mt-3 {
  margin-top: -3px !important;
}

.mt-4 {
  margin-top: -4px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.mr-5 {
  margin-right: -5px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.mr-15 {
  margin-right: -15px !important;
}

.mr-20 {
  margin-right: -20px !important;
}

.mr-25 {
  margin-right: -25px !important;
}

.mr-30 {
  margin-right: -30px !important;
}

.mr-35 {
  margin-right: -35px !important;
}

.mr-40 {
  margin-right: -40px !important;
}

.mr-45 {
  margin-right: -45px !important;
}

.mr-50 {
  margin-right: -50px !important;
}

.ml-5 {
  margin-left: -5px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.ml-15 {
  margin-left: -15px !important;
}

.ml-20 {
  margin-left: -20px !important;
}

.ml-25 {
  margin-left: -25px !important;
}

.ml-30 {
  margin-left: -30px !important;
}

.ml-35 {
  margin-left: -35px !important;
}

.ml-40 {
  margin-left: -40px !important;
}

.ml-45 {
  margin-left: -45px !important;
}

.ml-50 {
  margin-left: -50px !important;
}

.p0 {
  padding: 0 !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.p55 {
  padding: 55px !important;
}

.p60 {
  padding: 60px !important;
}

.p65 {
  padding: 65px !important;
}

.p70 {
  padding: 70px !important;
}

.p75 {
  padding: 75px !important;
}

.p80 {
  padding: 80px !important;
}

.p85 {
  padding: 85px !important;
}

.p90 {
  padding: 90px !important;
}

.p95 {
  padding: 95px !important;
}

.p100 {
  padding-top: 100px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.wauto {
  width: auto !important;
}

.w0 {
  width: 0 !important;
}

.w5 {
  width: 5px !important;
}

.w10 {
  width: 10px !important;
}

.w15 {
  width: 15px !important;
}

.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w55 {
  width: 55px !important;
}

.w60 {
  width: 60px !important;
}

.w65 {
  width: 65px !important;
}

.w70 {
  width: 70px !important;
}

.w75 {
  width: 75px !important;
}

.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w158 {
  width: 158px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w253 {
  width: 253px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w320 {
  width: 320px !important;
}

.w340 {
  width: 340px !important;
}

.w348 {
  width: 348px !important;
}

.w360 {
  width: 360px !important;
}

.w380 {
  width: 380px !important;
}

.w400 {
  width: 400px !important;
}

.w420 {
  width: 420px !important;
}

.w440 {
  width: 440px !important;
}

.w443 {
  width: 443px !important;
}

.w460 {
  width: 460px !important;
}

.w480 {
  width: 480px !important;
}

.w500 {
  width: 500px !important;
}

.w538 {
  width: 538px !important;
}

.w550 {
  width: 550px !important;
}

.w600 {
  width: 600px !important;
}

.w650 {
  width: 650px !important;
}

.w700 {
  width: 700px !important;
}

.w750 {
  width: 750px !important;
}

.w800 {
  width: 800px !important;
}

.w850 {
  width: 850px !important;
}

.w900 {
  width: 900px !important;
}

.w950 {
  width: 950px !important;
}

.w1000 {
  width: 1000px !important;
}

.w1per {
  width: 1% !important;
}

.w2per {
  width: 2% !important;
}

.w3per {
  width: 3% !important;
}

.w4per {
  width: 4% !important;
}

.w5per {
  width: 5% !important;
}

.w10per {
  width: 10% !important;
}

.w15per {
  width: 15% !important;
}

.w166per {
  width: 16.6% !important;
}

.w20per {
  width: 20% !important;
}

.w25per {
  width: 25% !important;
}

.w30per {
  width: 30% !important;
}

.w33per {
  width: 33.3% !important;
}

.w35per {
  width: 35% !important;
}

.w375per {
  width: 37.5% !important;
}

.w40per {
  width: 40% !important;
}

.w45per {
  width: 45% !important;
}

.w48per {
  width: 48% !important;
}

.w49per {
  width: 49% !important;
}

.w50per {
  width: 50% !important;
}

.w55per {
  width: 55% !important;
}

.w60per {
  width: 60% !important;
}

.w65per {
  width: 65% !important;
}

.w70per {
  width: 70% !important;
}

.w75per {
  width: 75% !important;
}

.w80per {
  width: 80% !important;
}

.w85per {
  width: 85% !important;
}

.w90per {
  width: 90% !important;
}

.w95per {
  width: 95% !important;
}

.w100per {
  width: 100% !important;
}

.w4em {
  width: 4em !important;
}

.hauto {
  height: auto !important;
}

.h0 {
  height: 0 !important;
}

.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h55 {
  height: 55px !important;
}

.h60 {
  height: 60px !important;
}

.h65 {
  height: 65px !important;
}

.h70 {
  height: 70px !important;
}

.h75 {
  height: 75px !important;
}

.h80 {
  height: 80px !important;
}

.h85 {
  height: 85px !important;
}

.h90 {
  height: 90px !important;
}

.h95 {
  height: 95px !important;
}

.h100 {
  height: 100px !important;
}

.h110 {
  height: 110px !important;
}

.h120 {
  height: 120px !important;
}

.h130 {
  height: 130px !important;
}

.h140 {
  height: 140px !important;
}

.h150 {
  height: 150px !important;
}

.h160 {
  height: 160px !important;
}

.h170 {
  height: 170px !important;
}

.h180 {
  height: 180px !important;
}

.h190 {
  height: 190px !important;
}

.h200 {
  height: 200px !important;
}

.h210 {
  height: 210px !important;
}

.h220 {
  height: 220px !important;
}

.h230 {
  height: 230px !important;
}

.h240 {
  height: 240px !important;
}

.h250 {
  height: 250px !important;
}

.h260 {
  height: 260px !important;
}

.h270 {
  height: 270px !important;
}

.h280 {
  height: 280px !important;
}

.h290 {
  height: 290px !important;
}

.h300 {
  height: 300px !important;
}

.h320 {
  height: 320px !important;
}

.h340 {
  height: 340px !important;
}

.h360 {
  height: 360px !important;
}

.h380 {
  height: 380px !important;
}

.h400 {
  height: 400px !important;
}

.h420 {
  height: 420px !important;
}

.h440 {
  height: 440px !important;
}

.h460 {
  height: 460px !important;
}

.h480 {
  height: 480px !important;
}

.h500 {
  height: 500px !important;
}

.h550 {
  height: 550px !important;
}

.h600 {
  height: 600px !important;
}

.h650 {
  height: 650px !important;
}

.h700 {
  height: 700px !important;
}

.h750 {
  height: 750px !important;
}

.h800 {
  height: 800px !important;
}

.h850 {
  height: 850px !important;
}

.h900 {
  height: 900px !important;
}

.h950 {
  height: 950px !important;
}

.h1000 {
  height: 1000px !important;
}

.fs10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

.fs11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

.fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.fs13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.fs15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}

.fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.fs18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.fs20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.fs22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}

.fs23 {
  font-size: 23px !important;
  font-size: 2.3rem !important;
}

.fs24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.fs26 {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}

.fs28 {
  font-size: 28px !important;
  font-size: 2.8rem !important;
}

.fs30 {
  font-size: 30px !important;
  font-size: 3rem !important;
}

.fs32 {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}

.fs52 {
  font-size: 52px !important;
  font-size: 5.2rem !important;
}

.lh10 {
  line-height: 1 !important;
}

.lh11 {
  line-height: 1.1 !important;
}

.lh12 {
  line-height: 1.2 !important;
}

.lh13 {
  line-height: 1.3 !important;
}

.lh14 {
  line-height: 1.4 !important;
}

.lh15 {
  line-height: 1.5 !important;
}

.lh16 {
  line-height: 1.6 !important;
}

.lh18 {
  line-height: 1.8 !important;
}

.lh20 {
  line-height: 2 !important;
}

.lh22 {
  line-height: 2.2 !important;
}

.fwR {
  font-weight: 400 !important;
}

.fwM {
  font-weight: 500 !important;
}

.fwB {
  font-weight: 700 !important;
}

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.taL {
  text-align: left !important;
}

.vaT {
  vertical-align: top !important;
}

.vaBl {
  vertical-align: baseline !important;
}

.vaB {
  vertical-align: bottom !important;
}

.vaM {
  vertical-align: middle !important;
}

.vatT {
  vertical-align: text-top !important;
}

.vatB {
  vertical-align: text-bottom !important;
}

.db {
  display: block !important;
}

.dib {
  display: inline-block !important;
}

.di {
  display: inline !important;
}

.dT {
  display: table !important;
}

.diT {
  display: inline-table !important;
}

.dTc {
  display: table-cell !important;
}

.dF {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.jcS {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
}

.jcC {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.jcSb {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.aiC {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.aiFe {
  -webkit-box-align: flex-end !important;
  -ms-flex-align: flex-end !important;
  align-items: flex-end !important;
}

.fL {
  float: left !important;
}

.fR {
  float: right !important;
}

.fN {
  float: none !important;
}

.cB {
  clear: both !important;
}

.cL {
  clear: left !important;
}

.cR {
  clear: left !important;
}

.cN {
  clear: none !important;
}

.overH {
  overflow: hidden !important;
}

.nowrap {
  white-space: nowrap !important;
}

.break_all {
  word-break: break-all !important;
}

.bg_none {
  background: 0 0 !important;
}

.bt_none {
  border-top: none !important;
}

.br_none {
  border-right: none !important;
}

.bb_none {
  border-bottom: none !important;
}

.bl_none {
  border-left: none !important;
}

@media screen and (min-width: 751px) {
  .p_m0 {
    margin: 0 !important;
  }

  .p_m0a {
    margin: 0 auto !important;
  }

  .p_mrl15 {
    margin: 0 15px !important;
  }

  .p_mrl-15 {
    margin: 0 -15px !important;
  }

  .p_m5 {
    margin: 5px !important;
  }

  .p_m10 {
    margin: 10px !important;
  }

  .p_m15 {
    margin: 15px !important;
  }

  .p_m20 {
    margin: 20px !important;
  }

  .p_m25 {
    margin: 25px !important;
  }

  .p_m30 {
    margin: 30px !important;
  }

  .p_m35 {
    margin: 35px !important;
  }

  .p_m40 {
    margin: 40px !important;
  }

  .p_m45 {
    margin: 45px !important;
  }

  .p_m50 {
    margin: 50px !important;
  }

  .p_m55 {
    margin: 55px !important;
  }

  .p_m60 {
    margin: 60px !important;
  }

  .p_m65 {
    margin: 65px !important;
  }

  .p_m70 {
    margin: 70px !important;
  }

  .p_m75 {
    margin: 75px !important;
  }

  .p_m80 {
    margin: 80px !important;
  }

  .p_m85 {
    margin: 85px !important;
  }

  .p_m90 {
    margin: 90px !important;
  }

  .p_m95 {
    margin: 95px !important;
  }

  .p_m100 {
    margin: 100px !important;
  }

  .p_mt0 {
    margin-top: 0 !important;
  }

  .p_mt5 {
    margin-top: 5px !important;
  }

  .p_mt10 {
    margin-top: 10px !important;
  }

  .p_mt15 {
    margin-top: 15px !important;
  }

  .p_mt20 {
    margin-top: 20px !important;
  }

  .p_mt25 {
    margin-top: 25px !important;
  }

  .p_mt30 {
    margin-top: 30px !important;
  }

  .p_mt35 {
    margin-top: 35px !important;
  }

  .p_mt40 {
    margin-top: 40px !important;
  }

  .p_mt45 {
    margin-top: 45px !important;
  }

  .p_mt50 {
    margin-top: 50px !important;
  }

  .p_mt55 {
    margin-top: 55px !important;
  }

  .p_mt60 {
    margin-top: 60px !important;
  }

  .p_mt65 {
    margin-top: 65px !important;
  }

  .p_mt70 {
    margin-top: 70px !important;
  }

  .p_mt75 {
    margin-top: 75px !important;
  }

  .p_mt80 {
    margin-top: 80px !important;
  }

  .p_mt85 {
    margin-top: 85px !important;
  }

  .p_mt90 {
    margin-top: 90px !important;
  }

  .p_mt95 {
    margin-top: 95px !important;
  }

  .p_mt100 {
    margin-top: 100px !important;
  }

  .p_mr0 {
    margin-right: 0 !important;
  }

  .p_mr5 {
    margin-right: 5px !important;
  }

  .p_mr10 {
    margin-right: 10px !important;
  }

  .p_mr15 {
    margin-right: 15px !important;
  }

  .p_mr20 {
    margin-right: 20px !important;
  }

  .p_mr25 {
    margin-right: 25px !important;
  }

  .p_mr30 {
    margin-right: 30px !important;
  }

  .p_mr35 {
    margin-right: 35px !important;
  }

  .p_mr40 {
    margin-right: 40px !important;
  }

  .p_mr45 {
    margin-right: 45px !important;
  }

  .p_mr50 {
    margin-right: 50px !important;
  }

  .p_mr55 {
    margin-right: 55px !important;
  }

  .p_mr60 {
    margin-right: 60px !important;
  }

  .p_mr65 {
    margin-right: 65px !important;
  }

  .p_mr70 {
    margin-right: 70px !important;
  }

  .p_mr75 {
    margin-right: 75px !important;
  }

  .p_mr80 {
    margin-right: 80px !important;
  }

  .p_mr85 {
    margin-right: 85px !important;
  }

  .p_mr90 {
    margin-right: 90px !important;
  }

  .p_mr95 {
    margin-right: 95px !important;
  }

  .p_mr100 {
    margin-right: 100px !important;
  }

  .p_mb0 {
    margin-bottom: 0 !important;
  }

  .p_mb5 {
    margin-bottom: 5px !important;
  }

  .p_mb10 {
    margin-bottom: 10px !important;
  }

  .p_mb15 {
    margin-bottom: 15px !important;
  }

  .p_mb20 {
    margin-bottom: 20px !important;
  }

  .p_mb25 {
    margin-bottom: 25px !important;
  }

  .p_mb30 {
    margin-bottom: 30px !important;
  }

  .p_mb35 {
    margin-bottom: 35px !important;
  }

  .p_mb40 {
    margin-bottom: 40px !important;
  }

  .p_mb45 {
    margin-bottom: 45px !important;
  }

  .p_mb50 {
    margin-bottom: 50px !important;
  }

  .p_mb55 {
    margin-bottom: 55px !important;
  }

  .p_mb60 {
    margin-bottom: 60px !important;
  }

  .p_mb65 {
    margin-bottom: 65px !important;
  }

  .p_mb70 {
    margin-bottom: 70px !important;
  }

  .p_mb75 {
    margin-bottom: 75px !important;
  }

  .p_mb80 {
    margin-bottom: 80px !important;
  }

  .p_mb85 {
    margin-bottom: 85px !important;
  }

  .p_mb90 {
    margin-bottom: 90px !important;
  }

  .p_mb95 {
    margin-bottom: 95px !important;
  }

  .p_mb100 {
    margin-bottom: 100px !important;
  }

  .p_ml0 {
    margin-left: 0 !important;
  }

  .p_ml5 {
    margin-left: 5px !important;
  }

  .p_ml10 {
    margin-left: 10px !important;
  }

  .p_ml15 {
    margin-left: 15px !important;
  }

  .p_ml20 {
    margin-left: 20px !important;
  }

  .p_ml25 {
    margin-left: 25px !important;
  }

  .p_ml30 {
    margin-left: 30px !important;
  }

  .p_ml35 {
    margin-left: 35px !important;
  }

  .p_ml40 {
    margin-left: 40px !important;
  }

  .p_ml45 {
    margin-left: 45px !important;
  }

  .p_ml50 {
    margin-left: 50px !important;
  }

  .p_ml55 {
    margin-left: 55px !important;
  }

  .p_ml60 {
    margin-left: 60px !important;
  }

  .p_ml65 {
    margin-left: 65px !important;
  }

  .p_ml70 {
    margin-left: 70px !important;
  }

  .p_ml75 {
    margin-left: 75px !important;
  }

  .p_ml80 {
    margin-left: 80px !important;
  }

  .p_ml85 {
    margin-left: 85px !important;
  }

  .p_ml90 {
    margin-left: 90px !important;
  }

  .p_ml95 {
    margin-left: 95px !important;
  }

  .p_ml100 {
    margin-left: 100px !important;
  }

  .p_mt-5 {
    margin-top: -5px !important;
  }

  .p_mt-10 {
    margin-top: -10px !important;
  }

  .p_mt-15 {
    margin-top: -15px !important;
  }

  .p_mt-20 {
    margin-top: -20px !important;
  }

  .p_mt-25 {
    margin-top: -25px !important;
  }

  .p_mt-30 {
    margin-top: -30px !important;
  }

  .p_mt-35 {
    margin-top: -35px !important;
  }

  .p_mt-40 {
    margin-top: -40px !important;
  }

  .p_mt-45 {
    margin-top: -45px !important;
  }

  .p_mt-50 {
    margin-top: -50px !important;
  }

  .p_mr-5 {
    margin-right: -5px !important;
  }

  .p_mr-10 {
    margin-right: -10px !important;
  }

  .p_mr-15 {
    margin-right: -15px !important;
  }

  .p_mr-20 {
    margin-right: -20px !important;
  }

  .p_mr-25 {
    margin-right: -25px !important;
  }

  .p_mr-30 {
    margin-right: -30px !important;
  }

  .p_mr-35 {
    margin-right: -35px !important;
  }

  .p_mr-40 {
    margin-right: -40px !important;
  }

  .p_mr-45 {
    margin-right: -45px !important;
  }

  .p_mr-50 {
    margin-right: -50px !important;
  }

  .p_mt-1 {
    margin-top: -1px !important;
  }

  .p_mt-2 {
    margin-top: -2px !important;
  }

  .p_mt-3 {
    margin-top: -3px !important;
  }

  .p_mt-4 {
    margin-top: -4px !important;
  }

  .p_mt-5 {
    margin-top: -5px !important;
  }

  .p_ml-5 {
    margin-left: -5px !important;
  }

  .p_ml-10 {
    margin-left: -10px !important;
  }

  .p_ml-15 {
    margin-left: -15px !important;
  }

  .p_ml-20 {
    margin-left: -20px !important;
  }

  .p_ml-25 {
    margin-left: -25px !important;
  }

  .p_ml-30 {
    margin-left: -30px !important;
  }

  .p_ml-35 {
    margin-left: -35px !important;
  }

  .p_ml-40 {
    margin-left: -40px !important;
  }

  .p_ml-45 {
    margin-left: -45px !important;
  }

  .p_ml-50 {
    margin-left: -50px !important;
  }

  .p_p0 {
    padding: 0 !important;
  }

  .p_p5 {
    padding: 5px !important;
  }

  .p_p10 {
    padding: 10px !important;
  }

  .p_p15 {
    padding: 15px !important;
  }

  .p_p20 {
    padding: 20px !important;
  }

  .p_p25 {
    padding: 25px !important;
  }

  .p_p30 {
    padding: 30px !important;
  }

  .p_p35 {
    padding: 35px !important;
  }

  .p_p40 {
    padding: 40px !important;
  }

  .p_p45 {
    padding: 45px !important;
  }

  .p_p50 {
    padding: 50px !important;
  }

  .p_p55 {
    padding: 55px !important;
  }

  .p_p60 {
    padding: 60px !important;
  }

  .p_p65 {
    padding: 65px !important;
  }

  .p_p70 {
    padding: 70px !important;
  }

  .p_p75 {
    padding: 75px !important;
  }

  .p_p80 {
    padding: 80px !important;
  }

  .p_p85 {
    padding: 85px !important;
  }

  .p_p90 {
    padding: 90px !important;
  }

  .p_p95 {
    padding: 95px !important;
  }

  .p_p100 {
    padding: 100px !important;
  }

  .p_pt0 {
    padding-top: 0 !important;
  }

  .p_pt5 {
    padding-top: 5px !important;
  }

  .p_pt10 {
    padding-top: 10px !important;
  }

  .p_pt15 {
    padding-top: 15px !important;
  }

  .p_pt20 {
    padding-top: 20px !important;
  }

  .p_pt25 {
    padding-top: 25px !important;
  }

  .p_pt30 {
    padding-top: 30px !important;
  }

  .p_pt35 {
    padding-top: 35px !important;
  }

  .p_pt40 {
    padding-top: 40px !important;
  }

  .p_pt45 {
    padding-top: 45px !important;
  }

  .p_pt50 {
    padding-top: 50px !important;
  }

  .p_pt55 {
    padding-top: 55px !important;
  }

  .p_pt60 {
    padding-top: 60px !important;
  }

  .p_pt65 {
    padding-top: 65px !important;
  }

  .p_pt70 {
    padding-top: 70px !important;
  }

  .p_pt75 {
    padding-top: 75px !important;
  }

  .p_pt80 {
    padding-top: 80px !important;
  }

  .p_pt85 {
    padding-top: 85px !important;
  }

  .p_pt90 {
    padding-top: 90px !important;
  }

  .p_pt95 {
    padding-top: 95px !important;
  }

  .p_pt100 {
    padding-top: 100px !important;
  }

  .p_pr0 {
    padding-right: 0 !important;
  }

  .p_pr5 {
    padding-right: 5px !important;
  }

  .p_pr10 {
    padding-right: 10px !important;
  }

  .p_pr15 {
    padding-right: 15px !important;
  }

  .p_pr20 {
    padding-right: 20px !important;
  }

  .p_pr25 {
    padding-right: 25px !important;
  }

  .p_pr30 {
    padding-right: 30px !important;
  }

  .p_pr35 {
    padding-right: 35px !important;
  }

  .p_pr40 {
    padding-right: 40px !important;
  }

  .p_pr45 {
    padding-right: 45px !important;
  }

  .p_pr50 {
    padding-right: 50px !important;
  }

  .p_pr55 {
    padding-right: 55px !important;
  }

  .p_pr60 {
    padding-right: 60px !important;
  }

  .p_pr65 {
    padding-right: 65px !important;
  }

  .p_pr70 {
    padding-right: 70px !important;
  }

  .p_pr75 {
    padding-right: 75px !important;
  }

  .p_pr80 {
    padding-right: 80px !important;
  }

  .p_pr85 {
    padding-right: 85px !important;
  }

  .p_pr90 {
    padding-right: 90px !important;
  }

  .p_pr95 {
    padding-right: 95px !important;
  }

  .p_pr100 {
    padding-right: 100px !important;
  }

  .p_pb0 {
    padding-bottom: 0 !important;
  }

  .p_pb5 {
    padding-bottom: 5px !important;
  }

  .p_pb10 {
    padding-bottom: 10px !important;
  }

  .p_pb15 {
    padding-bottom: 15px !important;
  }

  .p_pb20 {
    padding-bottom: 20px !important;
  }

  .p_pb25 {
    padding-bottom: 25px !important;
  }

  .p_pb30 {
    padding-bottom: 30px !important;
  }

  .p_pb35 {
    padding-bottom: 35px !important;
  }

  .p_pb40 {
    padding-bottom: 40px !important;
  }

  .p_pb45 {
    padding-bottom: 45px !important;
  }

  .p_pb50 {
    padding-bottom: 50px !important;
  }

  .p_pb55 {
    padding-bottom: 55px !important;
  }

  .p_pb60 {
    padding-bottom: 60px !important;
  }

  .p_pb65 {
    padding-bottom: 65px !important;
  }

  .p_pb70 {
    padding-bottom: 70px !important;
  }

  .p_pb75 {
    padding-bottom: 75px !important;
  }

  .p_pb80 {
    padding-bottom: 80px !important;
  }

  .p_pb85 {
    padding-bottom: 85px !important;
  }

  .p_pb90 {
    padding-bottom: 90px !important;
  }

  .p_pb95 {
    padding-bottom: 95px !important;
  }

  .p_pb100 {
    padding-bottom: 100px !important;
  }

  .p_pl0 {
    padding-left: 0 !important;
  }

  .p_pl5 {
    padding-left: 5px !important;
  }

  .p_pl10 {
    padding-left: 10px !important;
  }

  .p_pl15 {
    padding-left: 15px !important;
  }

  .p_pl20 {
    padding-left: 20px !important;
  }

  .p_pl25 {
    padding-left: 25px !important;
  }

  .p_pl30 {
    padding-left: 30px !important;
  }

  .p_pl35 {
    padding-left: 35px !important;
  }

  .p_pl40 {
    padding-left: 40px !important;
  }

  .p_pl45 {
    padding-left: 45px !important;
  }

  .p_pl50 {
    padding-left: 50px !important;
  }

  .p_pl55 {
    padding-left: 55px !important;
  }

  .p_pl60 {
    padding-left: 60px !important;
  }

  .p_pl65 {
    padding-left: 65px !important;
  }

  .p_pl70 {
    padding-left: 70px !important;
  }

  .p_pl75 {
    padding-left: 75px !important;
  }

  .p_pl80 {
    padding-left: 80px !important;
  }

  .p_pl85 {
    padding-left: 85px !important;
  }

  .p_pl90 {
    padding-left: 90px !important;
  }

  .p_pl95 {
    padding-left: 95px !important;
  }

  .p_pl100 {
    padding-left: 100px !important;
  }

  .p_wauto {
    width: auto !important;
  }

  .w0 {
    width: 0 !important;
  }

  .p_w5 {
    width: 5px !important;
  }

  .p_w10 {
    width: 10px !important;
  }

  .p_w15 {
    width: 15px !important;
  }

  .p_w20 {
    width: 20px !important;
  }

  .p_w25 {
    width: 25px !important;
  }

  .p_w30 {
    width: 30px !important;
  }

  .p_w35 {
    width: 35px !important;
  }

  .p_w40 {
    width: 40px !important;
  }

  .p_w45 {
    width: 45px !important;
  }

  .p_w50 {
    width: 50px !important;
  }

  .p_w55 {
    width: 55px !important;
  }

  .p_w60 {
    width: 60px !important;
  }

  .p_w65 {
    width: 65px !important;
  }

  .p_w70 {
    width: 70px !important;
  }

  .p_w75 {
    width: 75px !important;
  }

  .p_w80 {
    width: 80px !important;
  }

  .p_w85 {
    width: 85px !important;
  }

  .p_w90 {
    width: 90px !important;
  }

  .p_w95 {
    width: 95px !important;
  }

  .p_w100 {
    width: 100px !important;
  }

  .p_w110 {
    width: 110px !important;
  }

  .p_w120 {
    width: 120px !important;
  }

  .p_w130 {
    width: 130px !important;
  }

  .p_w140 {
    width: 140px !important;
  }

  .p_w150 {
    width: 150px !important;
  }

  .p_w160 {
    width: 160px !important;
  }

  .p_w170 {
    width: 170px !important;
  }

  .p_w180 {
    width: 180px !important;
  }

  .p_w190 {
    width: 190px !important;
  }

  .p_w200 {
    width: 200px !important;
  }

  .p_w210 {
    width: 210px !important;
  }

  .p_w220 {
    width: 220px !important;
  }

  .p_w230 {
    width: 230px !important;
  }

  .p_w240 {
    width: 240px !important;
  }

  .p_w250 {
    width: 250px !important;
  }

  .p_w260 {
    width: 260px !important;
  }

  .p_w270 {
    width: 270px !important;
  }

  .p_w280 {
    width: 280px !important;
  }

  .p_w290 {
    width: 290px !important;
  }

  .p_w300 {
    width: 300px !important;
  }

  .p_w320 {
    width: 320px !important;
  }

  .p_w340 {
    width: 340px !important;
  }

  .p_w360 {
    width: 360px !important;
  }

  .p_w380 {
    width: 380px !important;
  }

  .p_w400 {
    width: 400px !important;
  }

  .p_w420 {
    width: 420px !important;
  }

  .p_w440 {
    width: 440px !important;
  }

  .p_w450 {
    width: 450px !important;
  }

  .p_w460 {
    width: 460px !important;
  }

  .p_w480 {
    width: 480px !important;
  }

  .p_w500 {
    width: 500px !important;
  }

  .p_w550 {
    width: 550px !important;
  }

  .p_w600 {
    width: 600px !important;
  }

  .p_w650 {
    width: 650px !important;
  }

  .p_w700 {
    width: 700px !important;
  }

  .p_w750 {
    width: 750px !important;
  }

  .p_w800 {
    width: 800px !important;
  }

  .p_w850 {
    width: 850px !important;
  }

  .p_w900 {
    width: 900px !important;
  }

  .p_w950 {
    width: 950px !important;
  }

  .p_w1000 {
    width: 1000px !important;
  }

  .p_w1per {
    width: 1% !important;
  }

  .p_w2per {
    width: 2% !important;
  }

  .p_w3per {
    width: 3% !important;
  }

  .p_w4per {
    width: 4% !important;
  }

  .p_w5per {
    width: 5% !important;
  }

  .p_w10per {
    width: 10% !important;
  }

  .p_w15per {
    width: 15% !important;
  }

  .p_w166per {
    width: 16.6% !important;
  }

  .p_w20per {
    width: 20% !important;
  }

  .p_w25per {
    width: 25% !important;
  }

  .p_w30per {
    width: 30% !important;
  }

  .p_w33per {
    width: 33.3% !important;
  }

  .p_w35per {
    width: 35% !important;
  }

  .p_w375per {
    width: 37.5% !important;
  }

  .p_w40per {
    width: 40% !important;
  }

  .p_w45per {
    width: 45% !important;
  }

  .p_w48per {
    width: 48% !important;
  }

  .p_w49per {
    width: 49% !important;
  }

  .p_w50per {
    width: 50% !important;
  }

  .p_w55per {
    width: 55% !important;
  }

  .p_w60per {
    width: 60% !important;
  }

  .p_w65per {
    width: 65% !important;
  }

  .p_w66per {
    width: 66.6% !important;
  }

  .p_w70per {
    width: 70% !important;
  }

  .p_w75per {
    width: 75% !important;
  }

  .p_w80per {
    width: 80% !important;
  }

  .p_w85per {
    width: 85% !important;
  }

  .p_w90per {
    width: 90% !important;
  }

  .p_w95per {
    width: 95% !important;
  }

  .p_w100per {
    width: 100% !important;
  }

  .p_hauto {
    height: auto !important;
  }

  .p_h0 {
    height: 0 !important;
  }

  .p_h5 {
    height: 5px !important;
  }

  .p_h10 {
    height: 10px !important;
  }

  .p_h15 {
    height: 15px !important;
  }

  .p_h20 {
    height: 20px !important;
  }

  .p_h25 {
    height: 25px !important;
  }

  .p_h30 {
    height: 30px !important;
  }

  .p_h35 {
    height: 35px !important;
  }

  .p_h40 {
    height: 40px !important;
  }

  .p_h45 {
    height: 45px !important;
  }

  .p_h50 {
    height: 50px !important;
  }

  .p_h55 {
    height: 55px !important;
  }

  .p_h60 {
    height: 60px !important;
  }

  .p_h65 {
    height: 65px !important;
  }

  .p_h70 {
    height: 70px !important;
  }

  .p_h75 {
    height: 75px !important;
  }

  .p_h80 {
    height: 80px !important;
  }

  .p_h85 {
    height: 85px !important;
  }

  .p_h90 {
    height: 90px !important;
  }

  .p_h95 {
    height: 95px !important;
  }

  .p_h100 {
    height: 100px !important;
  }

  .p_h110 {
    height: 110px !important;
  }

  .p_h120 {
    height: 120px !important;
  }

  .p_h130 {
    height: 130px !important;
  }

  .p_h140 {
    height: 140px !important;
  }

  .p_h150 {
    height: 150px !important;
  }

  .p_h160 {
    height: 160px !important;
  }

  .p_h170 {
    height: 170px !important;
  }

  .p_h180 {
    height: 180px !important;
  }

  .p_h190 {
    height: 190px !important;
  }

  .p_h200 {
    height: 200px !important;
  }

  .p_h210 {
    height: 210px !important;
  }

  .p_h220 {
    height: 220px !important;
  }

  .p_h230 {
    height: 230px !important;
  }

  .p_h240 {
    height: 240px !important;
  }

  .p_h250 {
    height: 250px !important;
  }

  .p_h260 {
    height: 260px !important;
  }

  .p_h270 {
    height: 270px !important;
  }

  .p_h280 {
    height: 280px !important;
  }

  .p_h290 {
    height: 290px !important;
  }

  .p_h300 {
    height: 300px !important;
  }

  .p_h320 {
    height: 320px !important;
  }

  .p_h340 {
    height: 340px !important;
  }

  .p_h360 {
    height: 360px !important;
  }

  .p_h380 {
    height: 380px !important;
  }

  .p_h400 {
    height: 400px !important;
  }

  .p_h420 {
    height: 420px !important;
  }

  .p_h440 {
    height: 440px !important;
  }

  .p_h460 {
    height: 460px !important;
  }

  .p_h480 {
    height: 480px !important;
  }

  .p_h500 {
    height: 500px !important;
  }

  .p_h550 {
    height: 550px !important;
  }

  .p_h600 {
    height: 600px !important;
  }

  .p_h650 {
    height: 650px !important;
  }

  .p_h700 {
    height: 700px !important;
  }

  .p_h750 {
    height: 750px !important;
  }

  .p_h800 {
    height: 800px !important;
  }

  .p_h850 {
    height: 850px !important;
  }

  .p_h900 {
    height: 900px !important;
  }

  .p_h950 {
    height: 950px !important;
  }

  .p_h1000 {
    height: 1000px !important;
  }

  .p_fs10 {
    font-size: 1rem !important;
  }

  .p_fs11 {
    font-size: 1.1rem !important;
  }

  .p_fs12 {
    font-size: 1.2rem !important;
  }

  .p_fs13 {
    font-size: 1.3rem !important;
  }

  .p_fs14 {
    font-size: 1.4rem !important;
  }

  .p_fs15 {
    font-size: 1.5rem !important;
  }

  .p_fs16 {
    font-size: 1.6rem !important;
  }

  .p_fs17 {
    font-size: 1.7rem !important;
  }

  .p_fs18 {
    font-size: 1.8rem !important;
  }

  .p_fs19 {
    font-size: 1.9rem !important;
  }

  .p_fs20 {
    font-size: 2rem !important;
  }

  .p_fs22 {
    font-size: 2.2rem !important;
  }

  .p_fs23 {
    font-size: 2.3rem !important;
  }

  .p_fs24 {
    font-size: 2.4rem !important;
  }

  .p_fs26 {
    font-size: 2.6rem !important;
  }

  .p_fs28 {
    font-size: 2.8rem !important;
  }

  .p_fs30 {
    font-size: 3rem !important;
  }

  .p_fs32 {
    font-size: 3.2rem !important;
  }

  .p_fs34 {
    font-size: 3.4rem !important;
  }

  .p_fs36 {
    font-size: 3.6rem !important;
  }

  .p_fs40 {
    font-size: 4rem !important;
  }

  .p_fs42 {
    font-size: 4.2rem !important;
  }

  .p_fs44 {
    font-size: 4.4rem !important;
  }

  .p_fs52 {
    font-size: 5.2rem !important;
  }

  .p_fwR {
    font-weight: 400 !important;
  }

  .p_fwM {
    font-weight: 500 !important;
  }

  .p_fwB {
    font-weight: 700 !important;
  }

  .p_taC {
    text-align: center !important;
  }

  .p_taR {
    text-align: right !important;
  }

  .p_taL {
    text-align: left !important;
  }

  .p_vaT {
    vertical-align: top !important;
  }

  .p_vaBl {
    vertical-align: baseline !important;
  }

  .p_vaB {
    vertical-align: bottom !important;
  }

  .p_vaM {
    vertical-align: middle !important;
  }

  .p_vatT {
    vertical-align: text-top !important;
  }

  .p_vatB {
    vertical-align: text-bottom !important;
  }

  .p_overH {
    overflow: hidden !important;
  }

  .p_lh10 {
    line-height: 1 !important;
  }

  .p_lh11 {
    line-height: 1.1 !important;
  }

  .p_lh12 {
    line-height: 1.2 !important;
  }

  .p_lh13 {
    line-height: 1.3 !important;
  }

  .p_lh14 {
    line-height: 1.4 !important;
  }

  .p_lh15 {
    line-height: 1.5 !important;
  }

  .p_lh16 {
    line-height: 1.6 !important;
  }

  .p_lh18 {
    line-height: 1.8 !important;
  }

  .p_lh20 {
    line-height: 2 !important;
  }

  .p_lh22 {
    line-height: 2.2 !important;
  }

  .p_db {
    display: block !important;
  }

  .p_dib {
    display: inline-block !important;
  }

  .p_di {
    display: inline !important;
  }

  .p_dT {
    display: table !important;
  }

  .p_diT {
    display: inline-table !important;
  }

  .p_dTc {
    display: table-cell !important;
  }

  .p_dF {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .p_jcS {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }

  .p_jcC {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .p_jcSb {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .p_aiC {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .p_fL {
    float: left !important;
  }

  .p_fR {
    float: right !important;
  }

  .p_fN {
    float: none !important;
  }

  .p_cB {
    clear: both !important;
  }

  .p_cL {
    clear: left !important;
  }

  .p_cR {
    clear: left !important;
  }

  .p_cN {
    clear: none !important;
  }

  .p_overH {
    overflow: hidden !important;
  }

  .p_nowrap {
    white-space: nowrap !important;
  }

  .p_break_all {
    word-break: break-all !important;
  }

  .p_bg_none {
    background: 0 0 !important;
  }

  .p_bt_none {
    border-top: none !important;
  }

  .p_br_none {
    border-right: none !important;
  }

  .p_bb_none {
    border-bottom: none !important;
  }

  .p_bl_none {
    border-left: none !important;
  }

  .p_bg_none {
    background: 0 0 !important;
  }
}


body {
  color: #162665;
}

h2 {
  color: #162665;
  font-size: 35px;
}

@media screen and (max-width: 750px) {
  h2 {
    font-size: 28px;
  }
}

a.link {
  position: relative;
  display: inline-block;
  background-color: #455FC2;
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
  width: 200px;
  height: 40px;
  border-radius: 25px;
  text-decoration: none;
  line-height: 40px;
  padding-left: 25px;
  transition: .2s;
}

a.link::after {
  content: '';
  position: absolute;
  display: block;
  background: url(../img/link_arrow.svg) no-repeat;
  width: 43px;
  height: 11px;
  right: -20px;
  top: 30%;
  transition: .2s;
  background-size: contain;
}

a.link:hover {
  background-color: #445491;
}

a.link:hover::after {
  right: -25px;
}

@media screen and (max-width: 750px) {
  a.link {
    font-size: 14px;
    width: 180px;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
  }

  a.link::after {
    top: 8px;
  }
}

@media screen and (min-width: 751px) {
  .pc-none {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .sp-none {
    display: none;
  }
}

/*  kv
-------------------------------------------------- */
.kv {
  background: url(../img/kv.jpg) no-repeat top center / cover;
}

.kv h1 {
  padding-top: 195px;
  padding-bottom: 105px;
  width: 968px;
  margin: 0 auto;
  -webkit-filter: drop-shadow(0px 0px 7px #162665ad); /* SafariなどのWebkitブラウザ用 */
  filter: drop-shadow(0px 0px 7px #162665ad); 
}

@media screen and (max-width: 750px) {
  .kv {
    background: url(../img/kv-sp.jpg) #7282c1 no-repeat top left;
    background-size: contain;
  }
  .kv h1 {
    width: 90%;
    max-width: 500px;
    padding-top: 80px;
    padding-bottom: 60px;
    -webkit-filter: drop-shadow(0px 0px 5px #162665c2); /* SafariなどのWebkitブラウザ用 */
    filter: drop-shadow(0px 0px 5px #162665c2); 
  }
}

.kv .kv_inner {
  position: relative;
}

.kv .lead {
  background-color: rgba(48, 65, 135, 0.3);
  backdrop-filter: blur(13px);
  color: #fff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

.kv .button {
  position: absolute;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-radius: 120%;
  padding-top: 19px;
  background-color: rgba(69, 95, 194, 0.5);
  color: #fff;
  text-decoration: none;
  transition: .2s;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  /* 中央に配置 */
}

.kv .button img {
  opacity: .5;
  transition: .2s;
}

.kv .button span {
  margin-bottom: 3px;
  transition: .2s;
}

@media screen and (min-width: 751px) {
  .kv .button:hover {
  width: 90px;
  height: 90px;
  padding-top: 23px;
  transform: translate(-50%, -50%), 1.1;
  /* 中央から拡大 */
  }
  .kv .button:hover img {
    opacity: 1;
  }
  .kv .button:hover span {
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 750px) {
  .kv .button {
    width: 60px;
    height: 60px;
    padding-top: 15px;
  background-color: rgba(69, 95, 194, 0.8);
  }
  .kv .button img {
    width: 18px;
  }
  .kv .button span {
    font-size: 12px;
  }
}

@media screen and (max-width: 750px) {
  h3 {
    line-height: 150%;
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }
}

/*  first-contents
-------------------------------------------------- */
.first-contents {
  background: url(../img/first-contents_bg.jpg) no-repeat #E4F0FE bottom center / cover;
  padding-bottom: 80px;
}

@media screen and (max-width: 750px) {
  .first-contents {
    padding: 0 20px 50px;
  }

  .first-contents .mod-section02 {
    padding: 0;
  }
}

.first-contents .mod-section01 {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(9px);
  border-radius: 34px;
}

.first-contents h2 {
  padding-top: 120px;
  padding-bottom: 70px;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 750px) {
  .first-contents h2 {
    font-size: 24px;
    line-height: 150%;
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

.first-contents h2 .dib {
  position: relative;
}

.first-contents h2 .mark {
  position: absolute;
  z-index: -1;
  width: 116px;
  height: 116px;
  border-radius: 120%;
  border: 4px solid #7E9FD8;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7E9FD8;
  bottom: -3px;
  left: -103px;
}

.first-contents h2 .mark::after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 120%;
  border: 2px solid #7E9FD8;
}

.first-contents h2 .mark span {
  display: block;
  line-height: normal;
  font-weight: 500;
}

.first-contents h2 .mark span:first-of-type {
  font-size: 18px;
  transform: translate(-2px, -4px) rotate(-10deg);
}

.first-contents h2 .mark span:last-of-type {
  font-size: 26px;
  transform: translate(2px, -4px) rotate(-10deg);
}

@media screen and (max-width: 750px) {
  .first-contents h2 .mark {
    width: 95px;
    height: 95px;
    top: -48px;
    left: 16px;
    border: 3px solid #7E9FD8;
  }

  .first-contents h2 .mark::after {
    width: 80px;
    height: 80px;
    border: 1px solid #7E9FD8;
  }

  .first-contents h2 .mark span:first-of-type {
    font-size: 14px;
  }

  .first-contents h2 .mark span:last-of-type {
    font-size: 20px;
  }

}

.first-contents h3 {
  color: #162665;
  overflow: hidden;
}

.first-contents h3 span {
  color: #7E9FD8;
}

.first-contents h3:first-of-type {
  font-size: 20px;
  margin-bottom: 30px;
}

.first-contents h3:first-of-type span {
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .first-contents h3:first-of-type, .first-contents h3:first-of-type span {
    font-size: 21px;
    text-align: center;
  }
}

.first-contents h3:last-of-type {
  font-size: 24px;
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (min-width: 751px) {
  .first-contents h3 p {
    position: relative;
  }

  .first-contents h3 p::before {
    content: '';
    display: block;
    position: absolute;
    width: 1000px;
    height: 1px;
    background-color: #7E9FD8;
    left: -1040px;
    top: 60%;
  }

  .first-contents h3 p::after {
    content: '';
    display: block;
    position: absolute;
    width: 1000px;
    height: 1px;
    background-color: #7E9FD8;
    right: -1040px;
    top: 50%;
  }
}

.first-contents h3:last-of-type span {
  font-size: 35px;
}

@media screen and (max-width: 750px) {
  .first-contents h3:last-of-type {
    margin-bottom: 30px;
  }
  .first-contents h3:last-of-type, .first-contents h3:last-of-type span {
    font-size: 21px;
  }
}

.first-contents h4 {
  font-size: 20px;
  color: #445491;
  margin-bottom: 25px;
}

.first-contents h4 span {
  font-size: 32px;
  padding-left: 10px;
}

@media screen and (max-width: 750px) {
  .first-contents h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .first-contents h4 span {
    font-size: 24px;
    padding-left: 10px;
  }

}

.first-contents .dF {
  flex-wrap: wrap;
}

.first-contents .dF.reverse {
  flex-flow: wrap-reverse;
}

.first-contents .dF>div {
  width: 550px;
}

.first-contents .dF div:last-of-type {
  width: 430px;
}

/*  second-contents
-------------------------------------------------- */
.second-contents {
  padding: 70px 0 80px;
}

@media screen and (max-width: 750px) {
  .second-contents {
    padding: 40px 0 20px;
  }
}

.second-contents .introduction {
  align-items: center;
  margin-top: 70px;
}

@media screen and (max-width: 750px) {
  .second-contents .introduction {
    margin: 30px auto 0;
    padding: 0 20px;
  }
}

.second-contents .introduction.dF {
  flex-wrap: wrap;
}

.second-contents .introduction .introduction-img img {
  width: 460px;
  box-shadow: 3px 0px 15px rgba(69, 95, 194, 0.3);
  border-radius: 34px;
}

.second-contents .introduction .introduction-contents {
  width: 670px;
  overflow: hidden;
}

@media screen and (min-width: 751px) {
  .second-contents .introduction .introduction-contents > p {
    width: 600px
  }

  .second-contents .introduction .introduction-contents .dF {
    align-items: end;
  }
}

.second-contents .introduction .en {
  font-size: 100px;
  color: #162665;
  font-weight: 700;
  line-height: 100px;
  padding-right: 20px;
}

.second-contents .introduction h3 {
  position: relative;
  font-size: 34px;
  width: 100%;
  margin-top: 10px;
}

.second-contents .introduction h3::before {
  content: '';
  display: block;
  position: absolute;
  width: 670px;
  height: 1px;
  background-color: #7E9FD8;
}

@media screen and (min-width: 751px) {
  .second-contents .introduction h3 {
    margin-top: 20px;
  }
  .second-contents .introduction h3::before {
    top: -20px;
  }
}

@media screen and (max-width: 750px) {
  .second-contents .introduction .introduction-img {
    margin: 0 auto -25px;
  }
  .second-contents .introduction .en {
    font-size: 70px;
    padding-right: 10px;
  }
  .second-contents .introduction h3 {
    font-size: 28px;
    line-height: 130%;
  }
  .second-contents .introduction h3::before {
    bottom: 10px;
  }
}

.second-contents ul h4 {
  font-size: 20px;
  margin: 20px 0 15px;
}

@media screen and (max-width: 750px) {
  .second-contents ul h4 {
    line-height: 130%;
  }
}

.second-contents ul {
  flex-wrap: wrap;
}

.second-contents ul li {
  width: calc((100% / 3) - 40px);
}

.second-contents ul li div:first-child {
  border: 1px solid #7e9fd86b;
  border-radius: 24px;
  overflow: hidden;
  text-align: center;
}

@media screen and (min-width: 751px) {
  .second-contents ul li:nth-child(3n+2) {
    margin: 0 60px;
  }

  .second-contents ul li:nth-child(n+4) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 750px) {
  .second-contents ul li {
    width: 100%;
  }
  .second-contents ul li {
    margin-bottom: 30px;
  }
}

/*  third-contents
-------------------------------------------------- */
.third-contents {
  background-color: #E4F0FE;
  padding: 70px 0 80px;
}

@media screen and (max-width: 750px) {
  .third-contents {
    padding: 40px 0 50px;
  }
}

.third-contents ul.linkList {
  margin-top: 60px;
  flex-wrap: wrap;
}

.third-contents ul.linkList>li {
  width: calc((100% / 4) - 40px);
  position: relative;
}

@media screen and (max-width: 750px) {
  .third-contents ul.linkList {
    margin-top: 40px;
  }

  .third-contents ul.linkList>li {
    width: 100%;
  }

  .third-contents ul.linkList li .balloon {
    background-color: #fff;
    border-radius: 34px;
  }

  .third-contents ul.linkList>li:not(:last-child) {
    margin-bottom: 30px;
  }
}

.third-contents ul.linkList li .card__wrap {
  background-color: #fff;
  border-radius: 34px;
  box-shadow: 3px 0px 15px rgba(69, 95, 194, 0.3);
  cursor: pointer;
  transition: .2s;
}

@media screen and (min-width: 751px) {
  .third-contents .linkList li article:hover .card__wrap {
    box-shadow: 3px 0px 15px rgba(69, 95, 194, 0.1);
  }

  .third-contents ul.linkList li .card__wrap div {
    border-radius: 35px 35px 0 0;
    overflow: hidden;
  }

  .third-contents ul.linkList li .card__wrap div > img {
    height: 175px;
    object-fit: cover;
  }

  .third-contents ul.linkList li .card__wrap p {
    padding: 20px 0;
    color: #274B70;
    position: relative;
  }

  .third-contents ul.linkList li .card__wrap p::after {
    content: '';
    position: absolute;
    display: block;
    background: url(../img/link_arrow.svg) no-repeat;
    width: 43px;
    height: 11px;
    right: -20px;
    bottom: 33px;
    transition: .2s;
  }

  .third-contents .linkList li article:hover .card__wrap p::after {
    right: -25px;
  }
}


@media screen and (max-width: 750px) {
  .third-contents ul.linkList li .card__wrap {
    display: none;
  }
}

@media screen and (min-width: 751px) {
  .third-contents ul.linkList li .card__wrap {
    position: relative;
    z-index: 0;
  }
  .third-contents ul.linkList li .balloon {
    position: absolute;
    background-color: #fff;
    border-radius: 34px;
    box-shadow: 3px 0px 15px rgba(69, 95, 194, 0.3);
    padding: 20px 25px;
    width: 300px;
    top: -35px;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
  }

  .third-contents ul.linkList li .card__wrap:hover+.balloon,
  .third-contents ul.linkList li .balloon:hover {
    opacity: 1;
    visibility: visible;
  }

  .third-contents ul.linkList li .balloon--left {
    right: -280px;
  }

  .third-contents ul.linkList li .balloon--right {
    left: -280px;
  }

  .third-contents ul.linkList li .balloon--left::before {
    content: '';
    position: absolute;
    display: block;
    width: 34.5px;
    height: 17.94px;
    background-color: #fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(-90deg);
    left: -26px;
    top: 80px;
  }

  .third-contents ul.linkList li .balloon--right::before {
    content: '';
    position: absolute;
    display: block;
    width: 34.5px;
    height: 17.94px;
    background-color: #fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(90deg);
    right: -25px;
    top: 80px;
  }
}

.third-contents ul.linkList li .balloon>p {
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
}

@media screen and (min-width: 751px) {
  .third-contents ul.linkList li .balloon ul {
    max-height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
  }
}

.third-contents ul.linkList li .balloon ul::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #E4F0FE;
  border-radius: 10px;
}

.third-contents ul.linkList li .balloon ul::-webkit-scrollbar-thumb {
  background-color: #455FC2;
  border-radius: 10px;
}

@media screen and (max-width: 750px) {
  .third-contents ul.linkList li .balloon .activeBox {
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease; 
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
  }

  .third-contents ul.linkList li .balloon.active .activeBox {
    opacity: 1;
    visibility: visible;
    transition: max-height 0.5s ease;
  }

  .third-contents ul.linkList li .balloon.active a.relatedButton {
    margin: 0 auto 30px;
  }

  .third-contents ul.linkList li .balloon > p {
    text-align: center;
    padding: 20px 0;
    position: relative;
  }

  .third-contents ul.linkList li .balloon > p::after {
    position: absolute;
    right: 30px;
    top: 45%;
    border: 0;
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #7E9FD8;
    border-top: solid 1px #7E9FD8;
    transform: rotate(135deg);
  }

  .third-contents ul.linkList li .balloon li:last-of-type {
    padding-bottom: 30px;
  }
}

.third-contents ul.linkList li .balloon li {
  text-indent: -1.5rem;
  padding-left: 1.5rem;
  line-height: 150%;
}

.third-contents ul.linkList li .balloon li:not(:last-of-type) {
  padding-bottom: 10px;
}

.third-contents ul.linkList li .balloon li:before {
  content: '-';
  margin-right: 5px;
}

.third-contents ul.linkList li .balloon li a {
  color: #455FC2;
  text-underline-offset: 3px;
}

.third-contents ul.linkList li .balloon li a:hover {
  text-decoration: none;
}

.third-contents ul.linkList li .balloon a.relatedButton {
  background-color: #455FC2;
  font-size: 16px;
  color: #fff;
  border-radius: 25px;
  text-decoration: none;
  padding: 0 25px;
  width: 200px;
  text-align: center;
  transition: .2s;
  margin: 20px auto 0px;
  line-height: 30px;
  height: 30px;
  display: block;
  margin: 20px auto 20px;
}

@media screen and (min-width: 751px) {
  .third-contents ul.linkList li .balloon a.relatedButton {
      margin: 20px auto 0px;
      line-height: 40px;
      height: 40px;
  }
}

.third-contents ul.linkList li .balloon a.relatedButton:hover {
  background-color: #445491;
}

/*  fourth-contents
-------------------------------------------------- */
.fourth-contents {
  padding: 70px 0 80px;
}

.fourth-contents h3 {
  font-size: 24px;
  color: #7E9FD8;
}

.fourth-contents h4 {
  font-size: 20px;
}

@media screen and (max-width: 750px) {
  .fourth-contents {
    padding: 40px 0 50px;
  }
  .fourth-contents h3 {
    font-size: 21px;
  }
  .fourth-contents h4 {
    font-size: 18px;
  }
}

.fourth-contents .dF {
  flex-wrap: wrap-reverse;
}

.fourth-contents .dF div:nth-child(1) {
  width: 550px;
}

.fourth-contents .dF div:nth-child(2) {
  width: 430px;
}

.fourth-contents a.txtLink {
 text-decoration: underline;
 text-underline-offset: 5px;
 color: #455FC2;
}

.fourth-contents a.txtLink:hover {
  text-decoration: none;
}

.fourth-contents a.txtLink::after {
  content: '';
  display: inline-block;
  background-image: url(../img/open_in_new_black.svg);
  width: 18px;
  height: 18px;
  transform: translateY(5px);
  margin-left: 5px;
}

.fourth-contents a.opacityLink {
  transition: .2s;
}

.fourth-contents a.opacityLink:hover {
  opacity: .8;
}


/*  scr-target
-------------------------------------------------- */
.scr-target {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
}

.scr-target.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 1s;
}