@charset "UTF-8";

/**********************************************************
 * ヘッダー
 **********************************************************/
header {
  background-color: inherit;
}
header.fixed {
  background-color: inherit;
}
header nav {
  background-color: #FFF;
}
header nav a {
  color: #000;
}
header .bg_header {
  width: 50vw;
}
header.fixed .bg_header {
  opacity: 1;
}
@media (orientation: landscape){
  header .bg_header {
    width: 40vw;
  }
}

/**********************************************************
 * main
 **********************************************************/
body#page_index main {
  margin-top: 0;
  padding-bottom: 0;
}

/*
MV
================================================ */
#first .catchphrase {
  font-size: 8vw;
  padding-left: .5em;
}
#first .news {
  bottom: 10.67vw;
  padding: 5.33vw 0 5.33vw 2.67vw;
  width: 96%;
  -webkit-border-top-left-radius: 2.67vw;
  -webkit-border-bottom-left-radius: 2.67vw;
  -moz-border-radius-topleft: 2.67vw;
  -moz-border-radius-bottomleft: 2.67vw;
  border-top-left-radius: 2.67vw;
  border-bottom-left-radius: 2.67vw;
}
#first .news .bx-wrapper {
  width: 100%;
}
#first .news h2 {
  padding-right: 5.33vw;
  font-size: 4.8vw;
}
#first .news ul {
  padding-left: 5.33vw;
  font-size: 3.6vw;
}

@media (orientation: landscape){
  #first .catchphrase {
    font-size: 8.53vw;
  }
  #first .news {
    bottom: 2.67vw;
    padding: 4vw;
  }
  #first .news h2 {
    font-size: 4.27vw;
  }
  #first .news ul {
    font-size: 3.2vw;
  }
  #first .news ul li{
    height: 8vw;
    padding: 2.67vw 0;
  }
}

/*
コンテンツ共通
================================================ */
.l-content {
  box-sizing: border-box;
}
.l-content .bg_content {
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
}
.l-content .inner {
  height: auto;
}
.l-content .catchphrase {
  position: relative;
  top: inherit;
  right:  inherit;
  margin: 0 auto 8vw;
  font-size: 8vw;
  white-space: inherit;
}
.l-content .link {
}

/*
NEWS
================================================ */
#content_news {
  padding: 33vw 0;
  height: 226.667vw;
}
#content_news .bg_content {
  width: 100%;
  transform: none;
}
#content_news .content_news-list {
  flex-wrap: wrap;
  gap: 8vw 4vw;
  width: 100%;
}
#content_news .content_news-item {
  width: calc(50% - 2vw);
}
#content_news .content_news-item a .photo {
  height: 27.628vw;
}
#content_news .content_news-item a h4 {
  font-size: 3.4666vw;
  line-height: 1.4;
}
#content_news .content_news-item a span {
  font-size: 2.667vw;
}

/*
ABOUT US
================================================ */
#content_01 {
  margin-top: 12vw;
  padding: 28vw 0 36vw;
  height: 260vw;
}
#content_01 .bg_content_01 {
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
}
#content_01 .inner {
  height: auto;
}
#content_01 .catchphrase {
  position: relative;
  top: inherit;
  right:  inherit;
  font-size: 8vw;
  margin: 0 auto 8vw;
}
#content_01 .text {
  font-size: 3.6vw;
}
#content_01 .img_action {
  display: block;
  position: static;
  width: 78vw;
  margin: 8vw auto 0;
}

/*
OUR SOLUTION
================================================ */
#content_02 {
  height: 353vw;
  margin-top: 12vw;
  padding: 33vw 0 0;
}
#content_02 .bg_content_02_02 {
  top: 230vw;
  width: 76vw;
}
#content_02 .inner {
  position: static;
  height: auto;
}
#content_02 h2 {
  margin-left: 0;
}
#content_02 .catchphrase {
  position: relative;
  top: inherit;
  right:  inherit;
  font-size: 8vw;
  margin: 0 auto 8vw;
  white-space: inherit;
}
#content_02 h3 {
  margin-left: 0;
  font-feature-settings: "palt";
}
#content_02 .text {
  margin-left: 0;
  font-size: 3.6vw;
  font-feature-settings: "palt";
}
#content_02 .link {
  position: absolute;
  bottom: 22vw;
  left: 15vw;
  font-size: 4vw;
  margin-left: 0;
}
#content_02 .img_smago {
  top: auto;
  bottom: 33vw;
  left: 11vw;
  width: 40vw;
}

/*
SDGs ACTION
================================================ */
#content_03 {
  height: 204vw;
  margin-top: 8vw;
  padding: 43vw 0 0;
}
#content_03 .bg_content_03 {
  left: 0;
  transform: none;
  width: 100%;
}
#content_03 .inner {
  position: static;
  height: auto;
}
#content_03 .catchphrase {
  position: relative;
  top: inherit;
  right:  inherit;
  font-size: 8vw;
  margin: 0 auto 8vw;
  white-space: inherit;
}
#content_03 .text {
  font-size: 3.6vw;
  font-feature-settings: "palt";
}