@charset "utf-8";
@import url("//fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");
@font-face {
  font-family: "condense";
  src: url("/fonts/CONDENSEicon.eot");
  src: url("/fonts/CONDENSEicon.eot?#iefix") format('embedded-opentype'), url("/fonts/CONDENSEicon.otf") format('opentype'), url("/fonts/CONDENSEicon.woff") format('woff'), url("/fonts/CONDENSEicon.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
* {
  line-height: 1.75em;
  font-family: 'Noto Sans JP', sans-serif;
  color: #101010;
  font-size: 16px;
}
html {
  -webkit-text-size-adjust: 100%;
}
h1 {
  color: #fff;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  font-size: 12px;
}
article {
  margin-top: 72px;
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  article {
    margin-top: 45px;
  }
}
br.hidden_pc,
span.hidden_pc {
  display: none;
}
@media screen and (max-width: 720px) {
  br.hidden_pc,
  span.hidden_pc {
    display: inline;
  }
}
br.hidden_tab,
span.hidden_tab {
  display: none;
}
@media screen and (max-width: 480px) {
  br.hidden_tab,
  span.hidden_tab {
    display: inline;
  }
}
@media screen and (max-width: 720px) {
  .hidden_mobile,
  br.hidden_mobile,
  span.hidden_mobile {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  br.hidden_sp,
  span.hidden_sp {
    display: none;
  }
}
.red_text {
  color: #e5171f;
}
.bold_text {
  font-weight: bold;
}
.lighter_text {
  font-weight: lighter;
}
.center {
  text-align: center;
}
.title_main {
  font-size: 36px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .title_main {
    font-size: calc(8px + 3.75vw);
  }
}
.section_title {
  font-size: 28px;
  color: #101010;
}
@media screen and (max-width: 720px) {
  .section_title {
    font-size: calc(2vw + 13.6px);
  }
}
.sub_title {
  font-size: 20px;
  color: #404040;
}
@media screen and (max-width: 480px) {
  .sub_title {
    font-size: calc(2.5vw + 8px);
  }
}
.block {
  width: 87.5%;
  max-width: 960px;
  margin: auto;
  display: block;
  overflow: hidden;
}
.block .left,
.block .right {
  zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.75%;
  margin-left: 0%;
  margin-right: 2.5%;
}
.block .left:before,
.block .right:before,
.block .left:after,
.block .right:after {
  content: "";
  display: table;
}
.block .left:after,
.block .right:after {
  clear: both;
}
.block .left:last-child,
.block .right:last-child {
  margin-right: 0%;
}
.block .left_third,
.block .center_third,
.block .right_third {
  zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 29.999999999999996%;
  margin-left: 0%;
  margin-right: 5%;
}
.block .left_third:before,
.block .center_third:before,
.block .right_third:before,
.block .left_third:after,
.block .center_third:after,
.block .right_third:after {
  content: "";
  display: table;
}
.block .left_third:after,
.block .center_third:after,
.block .right_third:after {
  clear: both;
}
.block .left_third:last-child,
.block .center_third:last-child,
.block .right_third:last-child {
  margin-right: 0%;
}
@media screen and (max-width: 1024px) {
  .block {
    width: 87.5%;
    margin: auto;
  }
}
@media screen and (max-width: 720px) {
  .block {
    max-width: 560px;
  }
}
@media screen and (max-width: 720px) {
  .block {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block .left,
  .block .right,
  .block .left_third,
  .block .center_third,
  .block .right_third {
    zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .block .left:before,
  .block .right:before,
  .block .left_third:before,
  .block .center_third:before,
  .block .right_third:before,
  .block .left:after,
  .block .right:after,
  .block .left_third:after,
  .block .center_third:after,
  .block .right_third:after {
    content: "";
    display: table;
  }
  .block .left:after,
  .block .right:after,
  .block .left_third:after,
  .block .center_third:after,
  .block .right_third:after {
    clear: both;
  }
  .block .left:last-child,
  .block .right:last-child,
  .block .left_third:last-child,
  .block .center_third:last-child,
  .block .right_third:last-child {
    margin-right: 0%;
  }
}
.subtitle {
  font-size: 24px;
  color: #0050a0;
}
@media screen and (max-width: 720px) {
  .subtitle {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .subtitle {
    font-size: calc(1.875vw + 12px);
  }
}
.highlight {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255,60,25,0.15) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgba(255,60,25,0.15) 50%);
  background-image: -o-linear-gradient(left, transparent 50%, rgba(255,60,25,0.15) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgba(255,60,25,0.15) 50%);
  background-image: linear-gradient(to right, transparent 50%, rgba(255,60,25,0.15) 50%);
  -webkit-background-size: 200% 12px;
  -moz-background-size: 200% 12px;
  background-size: 200% 12px;
  background-position: 0 12px;
  background-repeat: repeat-x;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  transition: 1s;
}
.highlight.animated {
  background-position: -100% 12px;
}
.title_background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-family: NotoSans;
  font-size: 108px;
  text-align: center;
  color: #f0f0f0;
  z-index: 0;
  line-height: 1.4;
  font-weight: 300;
}
@media screen and (max-width: 720px) {
  .title_background {
    font-size: calc(5vw + 72px);
  }
}
.link_icon:hover::after {
  font-family: FontAwesome;
  content: "\f08e";
  margin-left: 5px;
  font-size: 13px;
}