@charset "UTF-8";
.philosophyMain {
  padding: 10px 0 100px;
}

.philosophyMain body,
.philosophyMain div,
.philosophyMain dl,
.philosophyMain dt,
.philosophyMain dd,
.philosophyMain ul,
.philosophyMain ol,
.philosophyMain li,
.philosophyMain h1,
.philosophyMain h2,
.philosophyMain h3,
.philosophyMain h4,
.philosophyMain h5,
.philosophyMain h6,
.philosophyMain pre,
.philosophyMain code,
.philosophyMain form,
.philosophyMain fieldset,
.philosophyMain legend,
.philosophyMain input,
.philosophyMain textarea,
.philosophyMain p,
.philosophyMain blockquote,
.philosophyMain th,
.philosophyMain td {
  font-size: 15px;
  font-family: "Segoe UI", SegoeUI, "Yu Gothic UI", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.55;
}

@media screen and (max-width: 767px) {
  .philosophyMain body,
  .philosophyMain div,
  .philosophyMain dl,
  .philosophyMain dt,
  .philosophyMain dd,
  .philosophyMain ul,
  .philosophyMain ol,
  .philosophyMain li,
  .philosophyMain h1,
  .philosophyMain h2,
  .philosophyMain h3,
  .philosophyMain h4,
  .philosophyMain h5,
  .philosophyMain h6,
  .philosophyMain pre,
  .philosophyMain code,
  .philosophyMain form,
  .philosophyMain fieldset,
  .philosophyMain legend,
  .philosophyMain input,
  .philosophyMain textarea,
  .philosophyMain p,
  .philosophyMain blockquote,
  .philosophyMain th,
  .philosophyMain td {
    font-size: 15px;
    font-family: "Segoe UI", SegoeUI, "Yu Gothic UI", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.55;
  }
}

.philosophyMain .m-banner h3 {
  font-size: 1.17rem;
  font-weight: 700;
}

.philosophyMain a:link {
  color: #0d6295;
  cursor: pointer;
}

.philosophyMain a:link:hover {
  text-decoration: underline;
}

.philosophyMain a:link.popup-modal {
  position: relative;
  font-weight: 700;
}

.philosophyMain a:link.popup-modal::before {
  content: "▷";
}

.philosophyMain a:link.c-call-to-action {
  text-decoration: none;
}

.philosophyMain .m-image img {
  width: 100%;
}

.philosophyMain .m-hero-item .c-paragraph {
  max-height: none;
}

.philosophyMain .popup-modal-dismiss {
  position: absolute;
  right: 50px;
  top: 0;
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}

.philosophyMain .popup-modal-dismiss a {
  position: relative;
}

.philosophyMain .popup-modal-dismiss a::before {
  content: "";
  height: 3px;
  width: 30px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.philosophyMain .popup-modal-dismiss a::after {
  content: "";
  height: 3px;
  width: 30px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.philosophyMain .popup-modal-dismiss:hover {
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .philosophyMain .popup-modal-dismiss {
    position: absolute;
    right: 30px;
    top: -30px;
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
  }
}

.philosophyMain audio,
.philosophyMain canvas,
.philosophyMain img,
.philosophyMain video {
  vertical-align: baseline;
}

.philosophyMain nav.c-in-page-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.philosophyMain #inline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

.philosophyMain #inline-wrap video {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .philosophyMain #inline-wrap video {
    width: 100%;
  }
}

.philosophyMain .video_block {
  width: 100%;
  margin: 0 auto;
  max-width: calc(1600px + 10%);
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
  padding: 48px 5% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.philosophyMain .video_block video {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .philosophyMain .c-link-navigation ul li a.c-hyperlink.f-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .philosophyMain .c-link-navigation ul li a.c-hyperlink.f-image picture {
    margin: 0;
  }
  .philosophyMain .c-link-navigation ul li a.c-hyperlink.f-image div {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .philosophyMain .m-rich-content-block sub {
    line-height: 20px;
  }
}