@charset "UTF-8";
.JS #TopicPath ul {
  padding: 20px 0;
}
@media screen and (max-width: 994px) {
  .JS #TopicPath ul {
    padding: 8px 15px;
  }
}

#corpList {
  display: flex;
  width: 100%;
  max-width: 1275px;
  margin: 0 auto;
  box-sizing: border-box;
}
  #corpList .filter {
      width: 25%;
      order: 2;
      box-sizing: border-box;
  }
  #corpList .mainGrid {
      width: 75%;
      order: 1;
      box-sizing: border-box;
      padding: 0 25px 0 0;
  }

  #corpList .mainGrid .Section .desc {
      font-size: 100%;
      margin-bottom: 30px;
      line-height: 2;
  }





/* 筛选框 */
#corpList .filter {
  /* position: relative; */
}
#corpList .filter .Section.sticky {
  /* position: fixed; */
  /* position: -webkit-sticky;
  top: 0;
  width: 100%;
  z-index: 100; */
}

#corpList .filter dl {
  margin-bottom: 25px;
}
#corpList .filter dl + dl{
  margin-bottom: 0;
}

#corpList .filter dt {
  padding: 5px 0;
  margin: 0px;
  background-color: #BFBFBF;
  text-align: center;
}

#corpList .filter dt span{
  color: black;
  line-height: 2;
}

#corpList .filter dd {
  background: #f2f2f2;
  text-align: center;
  font-weight: 600;
  margin-bottom: 15px;
}

#corpList .filter dd ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F2F2F2;
  padding: 25px 15px 10px 15px;
  flex-wrap: wrap;
}

#corpList .filter dd ul li {
  width: 48%;
  /* max-width: 100px; */
  padding: 5px;
  border: 1px solid transparent;
  background-color: #dadada;
  border-radius: 18px;
  color: #333;
  font-size: 13px;
  margin-bottom: 15px;
  /* margin-right: 8px; */
  transition: all .3s;
  text-align: center;
  align-items: center;
  word-break: keep-all;
  line-height: normal;
  display: flex;
  justify-content: center;
}
#corpList .filter dd ul li.full {
  width: 100%;
}
ul.tag li i,
#corpList .filter dd ul li i {
  display: inline-block;
  font-style: normal;
  font-size: 83%;
  font-family:Geneva, Tahoma, sans-serif;
  font-weight: 300;
  padding: 2px;
  border-radius: 3px;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  color: #FFF;
  line-height: 10px;
  vertical-align: middle;
  text-align: center;
}
#corpList .filter dd li.active.tag {
  color: #FFF;
}
li.tagC i,
#corpList .filter dd li.active.tagC {
  background-color: #c64d55;
}
li.tagP i,
#corpList .filter dd li.active.tagP {
  background-color: #021f65;
}
li.tagH i,
#corpList .filter dd li.active.tagH {
  background-color: #8362bb;
}
#corpList .filter dd ul li.tagH{
  width: 60%;
}


ul.tag,
#corpList .filter dd ul {
display:block;
  width: 100%;
  display: flex;
  flex-flow: wrap;
}

#corpList .filter dd ul li a img{
  padding-right: 5px;
}
#corpList .filter dd li.active {
  /* border: 1px solid #e60027; */
  background-color: rgba(230, 0, 39, 1);
  color: #FFF;
}




/* 列表区域 */

#corpList .mainGrid {
  order: 1;
}
#corpList .mainGrid .Section h2 span{
  line-height: auto;
}
#corpList .mainGrid .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#corpList .mainGrid .filterOption {
  padding-bottom: 15px;
}
#corpList .mainGrid .filterOption span {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  background-color: #e60027;
  padding: 1px 15px;
  font-size: 79%;
  color: #FFF;
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
}
#corpList .mainGrid .filterOption span:hover {
  background-color: #b1000e;
}

#corpList .mainGrid .filterOption span:active {
  opacity: .5;
}
#corpList .mainGrid .filterOption span::after {
  display: inline-block;
  content: "";
  box-sizing: border-box;
  width: 0;
  height:0;
  transition: all 0.3s ease;
}
#corpList .mainGrid .filterOption span:hover::after {
  width: 10px;
  height:10px;
  background: url(../img/close.svg) center center no-repeat;
  background-size: contain;
  margin: 2px 0 2px 8px;
}

#corpList .mainGrid > .Section > h2 {
  margin: 0 0 15px;
}
#corpList .list a {
  display: flex;
  justify-content: flex-start;
  width: 49%;
  height: auto;
  border: 0;
  padding: 15px;
  margin-right: 2%; 
  margin-bottom: 20px;
  transition: all .3s;
  color: #888;
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, .2);
  text-decoration: none;
}

#corpList .list a:hover{
  box-shadow: 0px 20px 70px -30px rgba(0, 0, 0, .4);
  cursor: auto;
  color: #000;
}
#corpList .list a.link {
  cursor: pointer;
  text-decoration: none;
}
#corpList .list a:nth-child(2n){
  margin-right: 0%;
}
#corpList .list a p.img {
  display: inline-block;
  margin-right: 15px;
  width: 135px;
  min-width: 135px;
  /* height: 90px; */
  overflow: hidden;
  background: #fff url(/image/astemo/about/group/no_picture.svg) center center no-repeat;
  background-size: 60%;
}
#corpList .list a p.img img{
  object-fit: cover;
  width: 100%;
  transition: all 300ms ease-in-out;
}
#corpList .list a div.info strong {
  display: inline-block;
  font-size: 90%;
  font-weight: 900;
  line-height: 1.5;
  color:#666;
  margin-bottom: 12px;
}
#corpList .list a.link:hover div.info strong {
  color: #b1000e;
}

/* #corpList .list a.link div.info strong::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: 7px;
  margin-left: 4px;
  border-top: 2px solid #b1000e;
  border-right: 2px solid #b1000e;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
} */

#corpList .list a.link:hover div.info strong::after
{
  animation-name: arrowAnimRight;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

#corpList .list a:hover p.img img{
  transform: scale(1.1);
}
#corpList .list a:hover div.info strong {
  color: #333;
}
#corpList .list a div.info ul.tag {
  display: flex;
  justify-content: flex-start;
}
#corpList .list a div.info ul.tag li + li {
  margin-left: 5px;
}
#corpList .list a div.info ul.tag i {
  display: block;
  box-sizing: border-box;
  font-size: 79%;
  font-style: normal;
  color: #FFF;
  padding: 2px 5px;
  line-height: 1;
  width: 20px;
  text-align: center;
  border-radius: 3px;
}

#corpList .list a div.mainGrid {
  font-size: 13px;
  color: #333;
}


@media screen and (min-width: 995px) and (max-width: 1304px) {
  .OptionWideRWD .GridSet{
    margin-left: 0;
  }
  .OptionWideRWD .Grid4{
    padding-left: 0;
  }
}



@media screen and (max-width: 1275px) {
  #achievement .GridSet{
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 994px){
  #corpList {
      flex-direction: column;
  }
  #corpList .mainGrid {
      order: 2;
      width: 100%;
      padding: 0;
  }
  #corpList .filter {
      order: 1;
      padding: 0;
      width: 100%;
  }
  #corpList .filter .Section.sticky {
      position: relative;
  }
  #corpList .filter dd ul {
      justify-content: flex-start;
  }
  #corpList .filter dd ul li {
      width: 32%;
      min-width: 20%;
      max-width: 32%;
      margin-right: 1%;
  }

  #corpList .mainGrid .list{
      flex-direction: row;
      margin-top: 20px;
  }
  #corpList .list{
      width: 100%;
      background-size: 2%;
  }

  #corpList .list a .info {
      width: 70%;
      margin-right: 10px;
      padding-right: 20px;
  }
}


@media screen and (max-width: 767px){
  #corpList .mainGrid {
      padding: 0;
  }
  #corpList .mainGrid .list{
      flex-direction: column;
  }
  #corpList .mainGrid .list a {
      width: 100%;
  }
  #corpList .filter dd {
      margin-bottom: 0;
  }
  #corpList .filter {
      margin-bottom: 20px;
  }
  #corpList .modal-wrapper .modal-header{
      padding: 15px;
  }
  #corpList .modal-wrapper .modal-header h3 {
      font-size: 15px;
      padding-right: 15px;
  }
  #corpList .modal-wrapper .modal-body * {
      font-size: 12px;
  }
  #corpList .list a div.info strong{
    font-size: 115%;
  }
  #corpList .list a div.info p{
    font-size: 95%;
  }
}


@media screen and (max-width: 521px){
  #corpList .filter dd ul{
    display: flex;
    flex-flow: wrap;
  }
  #corpList .filter dd ul li{
    width: 48%;
    min-width: 48%;
    max-width: 48%;
  }
}




#Contents {
  position: relative;
  padding: 0 !important;
  font-size: 1rem;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 768px) {
  #Contents {
    font-size: 0.875rem;
  }
}
#Contents * {
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#Contents img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}
#Contents > article {
  position: relative;
}
#Contents > article > section {
  position: relative;
  width: calc(100% - 30px);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #Contents > article > section {
    width: calc(670 / 750 * 100%);
  }
}
#Contents > article > section.Movie {
  max-width: 800px;
}
#Contents > article > section.FullWidth {
  width: 100%;
  max-width: none;
}
@media screen and (min-width: 769px) {
  #Contents .ContentsSp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #Contents .ContentsPc {
    display: none;
  }
}
#Contents .Header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 320px;
  margin: 0 0 70px;
  background: 50% 50%/cover no-repeat;
}
@media screen and (max-width: 768px) {
  #Contents .Header {
    height: 120px;
    margin: 0 0 20px;
  }
}
#Contents .Header.Low {
  height: 200px;
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  #Contents .Header.Low {
    height: 90px;
    margin: 0 0 15px;
  }
}
#Contents .Header .Title {
  width: 100%;
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #Contents .Header .Title {
    width: calc(670 / 750 * 100%);
    padding: 0;
  }
}
#Contents .Header .Title img {
  width: auto;
}
@media screen and (max-width: 768px) {
  #Contents .Header .Title img {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
}
#Contents .HeadlineStrong {
  margin: 0 0 60px;
  padding: 0 0 24px;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: bold;
  color: #803268;
  border-bottom: 1px solid #803268;
}
@media screen and (max-width: 768px) {
  #Contents .HeadlineStrong {
    margin: 0 0 25px;
    padding: 0 0 10px;
    font-size: 1.25rem;
  }
}
#Contents .HeadlineNormal {
  margin: 0 0 30px;
  padding: 8px 0 8px 18px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #803268;
  background: none;
}
@media screen and (max-width: 768px) {
  #Contents .HeadlineNormal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 50px;
    margin: 0 0 15px;
    padding: 5px 0 5px 12px;
    font-size: 1.0625rem;
    line-height: 1.3125rem;
  }
}
#Contents .ContactBox {
  width: 100%;
  max-width: 100%;
  padding: 60px 0;
  text-align: center;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  #Contents .ContactBox {
    padding: 28px 0 40px;
  }
}
#Contents .ContactBox h3 {
  margin: 0 0 20px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 768px) {
  #Contents .ContactBox h3 {
    margin: 0 0 15px;
    font-size: 1.0625rem;
  }
}
#Contents .ContactBox .Text {
  margin: 0 0 24px;
  font-size: 1.125rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #Contents .ContactBox .Text {
    margin: 0 0 20px;
    font-size: 0.875rem;
  }
}
#Contents .ContactBox .Link {
  width: 340px;
  margin: 0 auto;
  background: #fff;
}
@media screen and (max-width: 768px) {
  #Contents .ContactBox .Link {
    width: calc(600 / 750 * 100%);
  }
}
#Contents .ContactBox .Link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #803268;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media screen and (min-width: 769px) {
  #Contents .ContactBox .Link a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  #Contents .ContactBox .Link a {
    height: 70px;
  }
}
#Contents .LowLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 30px);
  max-width: 865px;
  margin: 0 auto 85px;
}
@media screen and (max-width: 768px) {
  #Contents .LowLinks {
    width: calc(670 / 750 * 100%);
    margin: 0 auto 35px;
  }
}
#Contents .LowLinks .Item {
  width: 268px;
  width: calc(100% / 3 - 20px);
  border-bottom: 4px solid #e5e5e5;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media screen and (max-width: 768px) {
  #Contents .LowLinks .Item {
    width: 100%;
    border-width: 3px;
  }
  #Contents .LowLinks .Item + .Item {
    margin: 10px 0 0;
  }
}
#Contents .LowLinks .Item.Current {
  border-color: #803268;
}
@media screen and (min-width: 769px) {
  #Contents .LowLinks .Item:hover {
    border-color: #803268;
  }
}
#Contents .LowLinks .Item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  padding: 0 0 10px 10px;
  line-height: 1.375rem;
  font-weight: bold;
  color: #803268;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #Contents .LowLinks .Item a {
    height: 50px;
    padding: 0 0 5px 10px;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
#Contents .LowLinks .Item a .Image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
}
@media screen and (min-width: 769px) {
  #Contents .LowLinks .Item a .Image img {
    width: 50px;
  }
}
@media screen and (max-width: 768px) {
  #Contents .LowLinks .Item a .Image {
    width: 45px;
  }
}
#Contents .LowLinks .Item a .Text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 60px);
}
@media screen and (max-width: 768px) {
  #Contents .LowLinks .Item a .Text {
    width: calc(100% - 65px);
  }
}
#Contents .Col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#Contents .Col2 .Row {
  width: calc(50% - 30px);
  line-height: 1.875rem;
}
@media screen and (min-width: 769px) {
  #Contents .Col2 .Row {
    margin: 30px 0 0;
  }
  #Contents .Col2 .Row:nth-of-type(1), #Contents .Col2 .Row:nth-of-type(2) {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #Contents .Col2 .Row {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  #Contents .Col2 .Row + .Row {
    margin: 35px 0 0;
  }
}
#Contents .VideoWrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  background: #ddd;
  padding-top: 56.25%;
}
@media screen and (max-width: 768px) {
  #Contents .VideoWrapper {
    width: 0;
    height: 0;
    padding: calc(377 / 750 * 100%) 0 0 calc(670 / 750 * 100%);
  }
}
#Contents .VideoWrapper iframe,
#Contents .VideoWrapper video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#Contents .ListDisc > li {
  margin-left: 1.4em;
  text-indent: -1.3em;
}
#Contents .ListDisc > li:before {
  color: #803268;
  content: "● ";
}
#Contents .ListDisc > li + li {
  margin-top: 5px;
}
#Contents .ListDisc > li ul,
#Contents .ListDisc > li ol {
  margin: 5px 0 0;
  padding: 0;
}
#Contents .ListNum {
  counter-reset: section;
}
#Contents .ListNum li {
  margin-left: 1.4em;
  text-indent: -1.2em;
}
#Contents .ListNum li:before {
  color: #333;
  counter-increment: section;
  content: counter(section) ". ";
}
#Contents .ListNum li + li {
  margin-top: 5px;
}
#Contents sup {
  font-size: 0.7em;
}

#LowNav {
  background: #fff;
}
@media screen and (max-width: 768px) {
  #LowNav {
    display: none;
  }
}
#LowNav .Lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
#LowNav .Lists li {
  display: block;
  font-size: 0.75rem;
  line-height: 1;
}
#LowNav .Lists li a {
  position: relative;
  display: block;
  padding: 10px 8px;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
}
#LowNav .Lists li a:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 7px 8px;
  border-color: transparent transparent #ffffff transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
#LowNav .Lists li.Current:not(.Parent) a {
  color: #fff;
  background: #af0618;
  pointer-events: none;
}
#LowNav .Lists li.Parent a {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  #LowNav .Lists li:hover:not(.Current) a {
    font-weight: bold;
  }
}

#PageTop .H1 {
  width: 537px;
  margin: 0 auto;
  padding: 24px 0 20px;
}
@media screen and (max-width: 768px) {
  #PageTop .H1 {
    width: calc(570 / 750 * 100%);
    padding: 14px 0 12px;
  }
}
#PageTop .Mv {
  margin: 0 0 40px;
}
#PageTop .Mv .Visual {
  position: relative;
  height: 700px;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual {
    height: auto;
    padding: 100% 0 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}
#PageTop .Mv .Visual .Item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  pointer-events: none;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
#PageTop .Mv .Visual .Item > a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  #PageTop .Mv .Visual .Item > a {
    opacity: 1;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  #PageTop .Mv .Visual .Item > a:hover {
    opacity: 0.7;
  }
}
#PageTop .Mv .Visual .Item .Image {
  width: 100%;
  height: 100%;
  background: center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual .Item .Image {
    width: 0;
    height: 0;
    padding: 100% 100% 0 0;
  }
}
@media screen and (min-width: 769px) {
  #PageTop .Mv .Visual .Item .Text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual .Item .Text .Lead {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 50% 0 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#PageTop .Mv .Visual .Item .Text .Lead .Tag {
  display: inline-block;
  margin: 0 0 12px;
  padding: 8px;
  font-size: 1.5rem;
  line-height: 1;
  background: #782f62;
  opacity: 0;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual .Item .Text .Lead .Tag {
    margin: 4px;
    font-size: 0.875rem;
  }
}
#PageTop .Mv .Visual .Item .Text .Lead .Title {
  margin: 0 0 32px;
  font-size: 3rem;
  line-height: 4.25rem;
  opacity: 0;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual .Item .Text .Lead .Title {
    margin: 0;
    font-size: 1.375rem;
    line-height: 2.1875rem;
  }
}
#PageTop .Mv .Visual .Item .Text .Lead .Title span {
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual .Item .Text .Lead .Title span {
    border-width: 1px;
  }
}
#PageTop .Mv .Visual .Item .Text .Desc {
  font-size: 1.375rem;
  line-height: 2.125rem;
  opacity: 0;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Visual .Item .Text .Desc {
    width: calc(670 / 750 * 100%);
    margin: 0 auto 28px;
    padding: 16px 0 0;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #803268;
    text-align: justify;
  }
}
#PageTop .Mv .Visual .Item.Active {
  opacity: 1;
  pointer-events: auto;
}
#PageTop .Mv .Visual .Item.Active .Text .Lead .Tag {
  opacity: 1;
}
#PageTop .Mv .Visual .Item.Active .Text .Lead .Title {
  opacity: 1;
}
#PageTop .Mv .Visual .Item.Active .Text .Desc {
  opacity: 1;
}
#PageTop .Mv .PlayPause {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: url(../images/top/mv_icon_pause.png) 0 0/100% no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #PageTop .Mv .PlayPause {
    opacity: 1;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
  }
  #PageTop .Mv .PlayPause:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .PlayPause {
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
  }
}
#PageTop .Mv .PlayPause.pause {
  background-image: url(../images/top/mv_icon_play.png);
}
#PageTop .Mv .Controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 17px 0 0;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Controller {
    margin: 27px 0 0;
  }
}
#PageTop .Mv .Controller .Arrow {
  width: 50px;
  height: 50px;
  background: #f0e7ed 0 0 no-repeat;
  background-size: 100%;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media screen and (min-width: 769px) {
  #PageTop .Mv .Controller .Arrow:hover {
    background-color: #dbbbd1;
  }
}
#PageTop .Mv .Controller .Arrow.Left {
  background-image: url(../images/top/mv_arrow.png);
}
#PageTop .Mv .Controller .Arrow.Right {
  background-image: url(../images/top/mv_arrow.png);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#PageTop .Mv .Controller .Indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 23px 30px 0;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Controller .Indicator {
    width: 100%;
    margin: 0;
  }
}
#PageTop .Mv .Controller .Indicator .Item {
  display: block;
  width: 25px;
  height: 4px;
  margin: 0 10px;
  background: #e1e1e1;
  cursor: pointer;
  -webkit-transition: background-color 800ms ease;
  transition: background-color 800ms ease;
}
@media screen and (max-width: 768px) {
  #PageTop .Mv .Controller .Indicator .Item {
    width: calc(49 / 750 * 100%);
    margin: 0 calc(10 / 750 * 100%);
  }
}
#PageTop .Mv .Controller .Indicator .Item.Active {
  background-color: #803268;
}
@media screen and (min-width: 769px) {
  #PageTop .Mv .Controller .Indicator .Item:hover {
    background-color: #803268;
  }
}
#PageTop .Topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 960px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics {
    padding-top: 50px;
    display: block;
    width: calc(670 / 750 * 100%);
  }
}
#PageTop .Topics .H2 {
  width: 92px;
  margin: 11px 0 0;
  padding: 0;
  background: none;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics .H2 {
    width: calc(163 / 670 * 100%);
    margin: 0 auto 15px;
  }
}
#PageTop .Topics .Lists {
  width: 838px;
  border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics .Lists {
    width: 100%;
  }
}
#PageTop .Topics .Lists .Item {
  padding: 20px 0;
  border-top: 1px solid #d8d8d8;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics .Lists .Item {
    padding: 16px calc(20 / 670 * 100%);
  }
}
#PageTop .Topics .Lists .Item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 60px 0 0;
  color: #333;
  text-align: justify;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics .Lists .Item a {
    display: block;
    padding: 0 calc(120 / 670 * 100%) 0 0;
  }
}
#PageTop .Topics .Lists .Item a:after {
  position: absolute;
  right: 6px;
  top: 50%;
  width: 22px;
  height: 22px;
  background: url(../image/link_icon.png) no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  content: "";
}
#PageTop .Topics .Lists .Item a .Date {
  width: 120px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics .Lists .Item a .Date {
    width: 100%;
    margin: 0 0 6px;
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
#PageTop .Topics .Lists .Item a .Text {
  width: 658px;
  line-height: 1.25rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media screen and (max-width: 768px) {
  #PageTop .Topics .Lists .Item a .Text {
    width: 100%;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 769px) {
  #PageTop .Topics .Lists .Item a:hover:after {
    right: 11px;
  }
  #PageTop .Topics .Lists .Item a:hover .Text {
    opacity: 0.6;
  }
}
#PageTop .Banners {
  width: 960px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  #PageTop .Banners {
    width: 100%;
    margin: 0;
  }
}
#PageTop .Banners .Item {
  position: relative;
  background: #fff;
  overflow: hidden;
}
#PageTop .Banners .Item a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
#PageTop .Banners .Item a:after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 26px;
  height: 26px;
  background: url(../image/link_rect_icon.png) no-repeat;
  background-size: 100%;
  content: "";
}
@media screen and (max-width: 768px) {
  #PageTop .Banners .Item a:after {
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  #PageTop .Banners .Item a:hover {
    opacity: 0.85;
  }
  #PageTop .Banners .Item a:hover .Pic {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
#PageTop .Banners .Item a .Pic,
#PageTop .Banners .Item a .Text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
#PageTop .Banners .Oblong {
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  #PageTop .Banners .Oblong {
    margin: 0;
  }
}
#PageTop .Banners .Oblong .Item {
  width: 960px;
  height: 216px;
}
@media screen and (max-width: 768px) {
  #PageTop .Banners .Oblong .Item {
    width: 0;
    height: 0;
    padding: calc(260 / 750 * 100%) 100% 0 0;
  }
}
#PageTop .Banners .Col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#PageTop .Banners .Col .Item {
  width: 306px;
  height: 204px;
}
@media screen and (max-width: 768px) {
  #PageTop .Banners .Col .Item {
    width: 0;
    height: 0;
    padding: calc(500 / 750 * 100%) 100% 0 0;
  }
}
#PageTop .BottomLinks {
  padding: 60px 0;
  background: url(../image/top/bottom_links_bg.png) 50% 50% no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #PageTop .BottomLinks {
    padding: calc(60 / 750 * 100%) calc(40 / 750 * 100%);
  }
}
#PageTop .BottomLinks .Col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #PageTop .BottomLinks .Col {
    display: block;
    width: calc(670 / 750 * 100%);
  }
}
#PageTop .BottomLinks .Item {
  width: 225px;  /*width: 177px;*/
  height: 130px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  #PageTop .BottomLinks .Item {
    width: 100%;
    height: 60px;
  }
  #PageTop .BottomLinks .Item + .Item {
    margin: 14px 0 0;
  }
}
#PageTop .BottomLinks .Item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #803268;
  text-align: center;
  text-decoration: none;
  border: 4px solid #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
#PageTop .BottomLinks .Item a:after {
  position: absolute;
  right: -4px;
  bottom: -4px;
  z-index: 1;
  width: 26px;
  height: 26px;
  background: url(../image/link_rect_icon.png) no-repeat;
  background-size: 100%;
  content: "";
}
@media screen and (min-width: 769px) {
  #PageTop .BottomLinks .Item a:hover {
    border-color: #dbbad1;
  }
}

/*20210407 uptate*/
#PageTop .BottomLinks p.pdflink{
  width: 100%;
  color: #803268;
  text-align: right;
  margin-top: 30px;
  font-size: 0.875rem;
}
#PageTop .BottomLinks p.pdflink a:link {
    color: #803268;
}
/*20210407 uptate*/

#PageWhat .Header {
  background-image: url(../image/what/head_bg.jpg);
}
#PageWhat .Lead {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #PageWhat .Lead {
    margin-bottom: 35px;
  }
}
#PageWhat .Plate {
  width: 960px;
  width: calc(100% - 30px);
  max-width: 980px;
  margin: 0 auto 94px;
}
@media screen and (max-width: 768px) {
  #PageWhat .Plate {
    width: calc(670 / 750 * 100%);
    margin: 0 auto 50px;
  }
}
#PageWhat .Plate .HeadlineNormal {
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  #PageWhat .Plate .HeadlineNormal {
    margin: 0 0 20px;
  }
}
#PageWhat .Plate .Images .Item {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #PageWhat .Plate .Images .Item {
    width: 100%;
  }
}
#PageWhat .Plate .Images .Item + .Item {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  #PageWhat .Plate .Images .Item + .Item {
    margin-top: 35px;
  }
}

#PageProbeat .Header {
  background-image: url(../image/probeat/head_bg.jpg);
}
#PageProbeat .Movie {
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  #PageProbeat .Movie {
    margin: 0 auto 37px;
  }
}
#PageProbeat .Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 960px;
  width: calc(100% - 30px);
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  #PageProbeat .Links {
    display: block;
    width: calc(670 / 750 * 100%);
    margin: 0 auto 60px;
  }
}
#PageProbeat .Links .Item {
  width: calc(100% / 3 - 10px);
  background: #fff;
}
@media screen and (max-width: 768px) {
  #PageProbeat .Links .Item {
    width: 100%;
  }
  #PageProbeat .Links .Item + .Item {
    margin: 15px 0 0;
  }
}
#PageProbeat .Links .Item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
  color: #803268;
  text-decoration: none;
  background: #f4f4f4;
  opacity: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media screen and (min-width: 769px) {
  #PageProbeat .Links .Item a:hover {
    opacity: 0.85;
  }
}
@media screen and (max-width: 768px) {
  #PageProbeat .Links .Item a {
    line-height: 1.0625rem;
  }
}
#PageProbeat .Links .Item a:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 26px;
  background: url(../images/link_rect_icon.png) 0 0/100% no-repeat;
  content: "";
}
#PageProbeat .Links .Item a .Image {
  width: 114px;
}
@media screen and (max-width: 768px) {
  #PageProbeat .Links .Item a .Image {
    width: calc(120 / 670 * 100%);
  }
}
#PageProbeat .Links .Item a .Text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 124px);
  line-height: 1.5rem;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #PageProbeat .Links .Item a .Text {
    width: calc(530 / 670 * 100%);
  }
}

.LowerProbeat .Plate {
  width: 960px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .LowerProbeat .Plate {
    width: calc(670 / 750 * 100%);
    margin: 0 auto 50px;
  }
}
.LowerProbeat .Plate .Images .Item + .Item {
  margin: 75px 0 0;
}
@media screen and (max-width: 768px) {
  .LowerProbeat .Plate .Images .Item + .Item {
    margin: 25px 0 0;
  }
}
.LowerProbeat .Plate .Images .Item .HeadlineNormal {
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .LowerProbeat .Plate .Images .Item .HeadlineNormal {
    margin: 0 0 15px;
  }
}
.LowerProbeat .Plate .Images .Item .Text {
  margin: 0 0 30px;
  line-height: 1.875rem;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .LowerProbeat .Plate .Images .Item .Text {
    margin: 0 0 15px;
    line-height: 1.4375rem;
  }
}
.LowerProbeat .Plate .Images .Item .Image {
  width: 100%;
  max-width: 865px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .LowerProbeat .Plate .Images .Item .Image {
    width: calc(100% - 30px);
  }
}
.LowerProbeat .Plate .Images .Item .Caption {
  width: 100%;
  max-width: 865px;
  margin: 30px auto 0;
  font-size: 0.875rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .LowerProbeat .Plate .Images .Item .Caption {
    width: calc(100% - 30px);
    margin: 15px auto 0;
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
  .LowerProbeat .Plate .Images .Item .Caption.FullWidth {
    width: 100%;
  }
}
.LowerProbeat .Plate .Images .Item .Caption p + p {
  margin: 5px 0 0;
}

#PageProbeatSolution .Header {
  background-image: url(../images/probeat/head_bg.jpg);
}
#PageProbeatSolution .Plate .Images .Item:nth-of-type(1) .Image {
  width: 437px;
}
@media screen and (max-width: 768px) {
  #PageProbeatSolution .Plate .Images .Item:nth-of-type(1) .Image {
    width: calc(387 / 670 * 100%);
  }
}
#PageProbeatSolution .Plate .Images .Item:nth-of-type(2) .Image {
  width: 648px;
}
@media screen and (max-width: 768px) {
  #PageProbeatSolution .Plate .Images .Item:nth-of-type(2) .Image {
    width: calc(526 / 670 * 100%);
  }
}
#PageProbeatSolution .Plate .Images .Item:nth-of-type(3) .Image {
  width: 865px;
}
@media screen and (max-width: 768px) {
  #PageProbeatSolution .Plate .Images .Item:nth-of-type(3) .Image {
    width: calc(596 / 670 * 100%);
  }
}

#PageProbeatImaging .Header {
  background-image: url(../image/probeat/head_bg.jpg);
}

#PageHybeat .Header {
  background-image: url(../image/hybeat/head_bg.jpg);
}
#PageHybeat .Intro {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Intro {
    margin-bottom: 30px;
  }
}
#PageHybeat .Intro .Col2 {
  margin: 0 0 35px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Intro .Col2 {
    margin: 0 0 20px;
  }
  #PageHybeat .Intro .Col2 .Row:nth-of-type(2) {
    width: calc(100% - 30px);
    margin: 10px auto 0;
  }
}
#PageHybeat .Intro .Caption {
  margin: 0 0 30px;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Intro .Caption {
    margin: 0 0 25px;
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
#PageHybeat .Intro .Caption p + p {
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Intro .Caption p + p {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  #PageHybeat .Intro .Movie {
    width: calc(750 / 670 * 100%);
    -webkit-transform: translateX(calc( -100% * (750 - 670) / 670 / 2 ));
            transform: translateX(calc( -100% * (750 - 670) / 670 / 2 ));
  }
}
#PageHybeat .Intro .Movie .Title,
#PageEvents .Movie .Title {
  margin: 0 0 12px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Intro .Movie .Title,
  #PageEvents .Movie .Title{
    margin: 0 0 15px;
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
}
#PageHybeat .Design {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Design {
    margin-bottom: 30px;
  }
}
#PageHybeat .Design .ListDisc {
  margin: 0 0 15px;
}
#PageHybeat .Design .Row:nth-of-type(1) .Banner {
  width: 322px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Design .Row:nth-of-type(1) .Banner {
    width: calc(490 / 670 * 100%);
    margin: 0 auto;
  }
}
#PageHybeat .Design .Row:nth-of-type(2) .Banner {
  width: 160px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Design .Row:nth-of-type(2) .Banner {
    width: calc(328 / 670 * 100%);
    margin: 0 auto;
  }
}
#PageHybeat .Spec {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Spec {
    margin-bottom: 30px;
  }
}
#PageHybeat .Accelerator {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Accelerator {
    margin-bottom: 50px;
  }
}
#PageHybeat .Accelerator .Text {
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Accelerator .Text {
    margin: 0 0 10px;
  }
}
#PageHybeat .Accelerator .ListDisc {
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  #PageHybeat .Accelerator .ListDisc {
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 768px) {
  #PageHybeat .Accelerator .Col2 {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}

#PageHybrid .Header {
  background-image: url(../image/hybrid/head_bg.jpg);
}

#PageAccelerator .Header,
#PageLocation .Header,
#PageEvents .Header,
#PageReport .Header,
#PageService .Header,
#PageSafety .Header {
  background-image: url(../image/accelerator/head_bg.jpg);
}

.content {
  width: calc(100% - 30px) !important;
  max-width: 980px;
  margin: 0 auto 120px;
}
.content_box {
  margin-bottom: 40px;
}
.content_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.content_col2_row {
  width: calc(50% - 25px);
}
.content_movie {
  width: calc(100% - 30px);
  max-width: 800px;
  margin: 0 auto 30px;
}


.content_movie_wrapper {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  position: relative;
}
.content_movie_wrapper video,
.content_movie_wrapper > iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content_subtitle {
  font-size: 1.25rem;
  margin-bottom: 1.2em;
}
.content_text {
  margin: 0 0 1.2em;
  font-size: 1rem;
  line-height: 1.6;
}
.content_image {
  display: block;
  margin: 0 auto;
  width: auto !important;
  max-width: 100%;
  height: auto;
}
.content_image + .content_notes {
  margin-top: 10px;
}
.content_image_notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content_image_notes > div {
  text-align: left;
}
.content_list {
  margin-bottom: 30px;
}
.content_list li {
  font-size: 1rem;
  padding-left: 19px;
  position: relative;
}
.content_list li::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #803268;
  top: 5px;
  left: 0;
}
.content_list li span.bold {
  font-weight: bold;
}
.content_notes {
  font-size: 0.875rem;
  margin-bottom: 30px;
}
.content_notes span.bold {
  font-weight: bold;
}

.accelerator {
  padding-top: 30px;
}
.accelerator .content_col2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.accelerator .content_col2_row {
  padding: 30px 0;
  border-top: 1px solid #f2f2f2;
  margin: 0;
}
.accelerator .content_col2_row p {
  margin-bottom: 0;
}
.accelerator .content_col2_row:nth-child(n+3) {
  border-bottom: 1px solid #f2f2f2;
}
.accelerator_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: none !important;
  margin-bottom: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accelerator_title div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px;
  margin-right: 20px;
}
.accelerator_title span {
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
  background: none;
  line-height: 1;
  padding: 0;
}
.accelerator_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.accelerator_inner p {
  /* width: calc(100% - 125px); */
  width: 100%;
}
.accelerator_inner div {
  width: 100px;
}

.location {
  width: 100%;
  max-width: 945px;
  margin: 0 auto;
  position: relative;
}
.location_thumb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.location_thumb li {
  width: 13.7566137566%;
  position: absolute;
  cursor: pointer;
}
.location_thumb li.world_01 {
  top: 0;
  left: 21.5873015873%;
}
.location_thumb li.world_02 {
  top: 0;
  left: 35.873015873%;
}
.location_thumb li.world_03 {
  top: 0;
  left: 50.1587301587%;
}
.location_thumb li.world_04 {
  top: 0;
  left: 64.4444444444%;
}
.location_thumb li.world_05 {
  bottom: 0;
  left: 21.5873015873%;
}
.location_thumb li.world_06 {
  bottom: 0;
  left: 35.873015873%;
}
.location_thumb li.world_07 {
  bottom: 0;
  left: 50.1587301587%;
}
.location_thumb li.world_08 {
  bottom: 0;
  left: 64.4444444444%;
}
.location_thumb li.world_09 {
  top: 20.5841446453%;
  left: 0;
}
.location_thumb li.world_10 {
  top: 40.3337969402%;
  left: 0;
}
.location_thumb li.world_11 {
  top: 60.2225312935%;
  left: 0;
}
.location_thumb li.world_12 {
  top: 20.5841446453%;
  right: 0;
}
.location_thumb li.world_13 {
  top: 40.3337969402%;
  right: 0;
}

/* add 2022/01/28 */
.location_thumb li.world_14 {
  top: 60.2225312935%;
  right: 0;
}
.location_thumb li.japan_01 {
  top: 0;
  left: 14.4973544974%;
}
/* change 2022/01/28 */
.location_thumb li.japan_02 {
  top: 0;
  left: 14.4973544974%;
}
.location_thumb li.japan_03 {
  top: 0;
  left: 28.7830687831%;
}
.location_thumb li.japan_04 {
  top: 0;
  left: 43.0687830688%;
}
.location_thumb li.japan_05 {
  top: 0;
  left: 57.3544973545%;
}
.location_thumb li.japan_19 {
  top: 0;
  left: 71.6402116402%;
}


.location_thumb li.japan_06 {
  bottom: 0;
  left: 14.4973544974%;
}
.location_thumb li.japan_07 {
  bottom: 0;
  left: 28.7830687831%;
}
.location_thumb li.japan_08 {
  bottom: 0;
  left: 43.0687830688%;
}
.location_thumb li.japan_09 {
  bottom: 0;
  left: 57.3544973545%;
}
.location_thumb li.japan_10 {
  bottom: 0;
  left: 71.6402116402%;
}
.location_thumb li.japan_11 {
  top: 18.2382133995%;
  left: 0;
}
.location_thumb li.japan_12 {
  top: 34.6153846154%;
  left: 0;
}
.location_thumb li.japan_13 {
  top: 50.9925558313%;
  left: 0;
}
.location_thumb li.japan_14 {
  top: 67.3697270471%;
  left: 0;
}
.location_thumb li.japan_15 {
  top: 18.2382133995%;
  right: 0;
}
.location_thumb li.japan_16 {
  top: 34.6153846154%;
  right: 0;
}
.location_thumb li.japan_17 {
  top: 50.9925558313%;
  right: 0;
}
.location_thumb li.japan_18 {
  top: 67.3697270471%;
  right: 0;
}
.location_thumb li::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.location_thumb li.active::after {
  opacity: 1;
}
.location_detail {
  width: 72.4867724868%;
  height: 61.1961057024%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  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;
}
.location_detail > div {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 30px);
  background: #ffffff;
  -webkit-box-shadow: 35px 35px 35px rgba(0, 0, 0, 0.1);
          box-shadow: 35px 35px 35px rgba(0, 0, 0, 0.1);
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.location_detail > div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;	
}
.location_detail > div .detail_image {
  width: 34.375%;
}
.location_detail > div .detail_text {
  width: 57.5%;
  padding-top: 24px;
}
.location_detail > div .detail_text h3 {
  font-size: 1.125rem;
  font-weight: bold;
  max-width: 0 0 24px;
  color: #333333;
}
.location_detail > div .detail_text p {
  font-size: 1rem;
  color: #333333;
}
.location_detail > div .detail_list li {
  font-size: 1rem;
  padding-left: 19px;
  position: relative;
}
.location_detail > div .detail_list li::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #803268;
  top: 5px;
  left: 0;
}
.location_detail > div .detail_list.color_p li::before {
  background: #092061;
}
.location_detail > div .detail_list.color_c li::before {
  background: #b85558;
}
.location_detail > div .detail_list.color_h li::before {
  background: #7e65b6;
}
.location_caption {
  border-top: 1px solid #f2f2f2;
  margin-top: 30px;
  padding-top: 20px;
}
.location_caption img {
  margin: 0 auto;
}

.report_title {
  font-size: 1.25rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  border-bottom: 1px solid #f3f3f3;
  color: #333333;
}
.report_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 10px 0;
  margin-bottom: 30px;
}
.report_col2_text {
  width: 65.0793650794%;
}
.report_col2_image {
  width: 31.746031746%;
}
.report_text {
  font-size: 1rem;
  line-height: 1.6;
}

.accordion_button {
  position: relative;
  padding-left: 20px;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.flex-right {
  display: flex;
  justify-content: flex-end;	
}

.events_text {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
  .accordion_button:hover {
    opacity: 0.7;
  }
}
.accordion_button:before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #803269 transparent transparent transparent;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  content: "";
}
.accordion_button.active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion_target {
  display: none;
}

@media screen and (max-width: 768px) {
  .content {
    margin: 0 auto 50px;
  }
  .content_box {
    margin-bottom: 30px;
  }
  .content_col2 {
    display: block;
    margin-bottom: 30px;
  }
  .content_col2_row {
    width: 100%;
  }
  .content_subtitle {
    font-size: 1.125rem;
  }
  .content_text {
    font-size: 0.875rem;
  }
  .content_list {
    margin-bottom: 30px;
  }
  .content_list li {
    font-size: 0.875rem;
  }
  .content_notes {
    font-size: 0.75rem;
  }

  .accelerator .content_col2_row {
    padding: 20px 18px;
  }
  .accelerator .content_col2_row:nth-child(n+3) {
    border-bottom: 0;
  }
  .accelerator .content_col2_row:nth-last-child(1) {
    border-bottom: 1px solid #f2f2f2;
  }
  .accelerator_title {
    margin: 0 0 16px !important;
    padding: 0 !important;
  }
  .accelerator_title div {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50px;
    margin-right: 20px;
  }
  .accelerator_title span {
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    background: none;
    line-height: 1;
    padding: 0;
  }
  .accelerator_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .accelerator_inner p {
    /* width: calc(100% - 125px); */
    width: 100%;
  }
  .accelerator_inner div {
    width: 100px;
  }

  .location_detail {
    width: 100%;
    height: auto;
    position: static;
    -webkit-transform: none;
            transform: none;
    display: block;
    border-bottom: 1px solid #e5e5e5;
  }
  .location_detail > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 20px 18px;
    border-top: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .location_detail > div .detail_image {
    width: 90px;
  }
  .location_detail > div .detail_text {
    width: calc(100% - 107px);
    padding-top: 0;
  }
  .location_detail > div .detail_text h3 {
    font-size: 0.875rem;
    font-weight: bold;
    max-width: 0 0 24px;
    color: #333333;
  }
  .location_detail > div .detail_text p {
    font-size: 0.875rem;
    color: #333333;
  }
  .location_detail > div .detail_list li {
    font-size: 0.875rem;
    padding-left: 19px;
    position: relative;
  }
  .location_detail > div .detail_list li::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #803268;
    top: 5px;
    left: 0;
  }
  .location_detail > div .detail_list.color_p li::before {
    background: #092061;
  }
  .location_detail > div .detail_list.color_c li::before {
    background: #b85558;
  }
  .location_detail > div .detail_list.color_h li::before {
    background: #7e65b6;
  }
  .location_title {
    font-size: 1.0625rem;
    font-weight: bold;
  }
  .location_caption {
    border: none;
    width: 250px;
    margin: 0 auto;
    padding: 40px 0 0;
  }

  .report_title {
    font-size: 1.0625rem;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
    color: #333333;
  }
  .report_col2 {
    display: block;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .report_col2_text {
    width: 100%;
  }
  .report_col2_text .content_list {
    margin-bottom: 0;
  }
  .report_col2_image {
    width: 100%;
    padding-top: 15px;
  }
  .report_text {
    font-size: 0.875rem;
    line-height: 1.6;
  }

  .accordion_button:before {
    top: 6px;
  }
}

/* add 2022/02 */
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}

.flex-2 {
	display: flex;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: space-around;
	
}
@media screen and (max-width: 768px) {
	.flex-2 {
		display: block;
}
	.flex-2 > div {
		margin-bottom: 30px;
	}	
	.flex-2 > div img {
		margin: 0 auto 20px;
}
}

.flex-3 {
	display: flex;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: space-between;
	
}
.flex-3 div {
	width: 32%;
}
@media screen and (max-width: 768px) {
	.flex-3 {
		display: block;
	}
	.flex-3 div{
		width: 100%;
	}
	.flex-3 > div img {
		margin: 0 auto;
}
}

/*イベントレポート：お問い合わせ領域がない場合の余白調整 */
.adjust_no_contact {
	margin-bottom: 0; 
	padding-bottom: 50px;
}

/*# sourceMappingURL=style.css.map */