﻿@charset "utf-8";

body {
  font-family: Verdana, "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "メイリオ", Arial, Helvetica, sans-serif;
}

.pc_cont {display:block;}
.sp_cont {display: none;}

.ir_cont hr {display: block;}

/* -----------------------------------------------------------
  Sustainability
----------------------------------------------------------- */

.kv_sus {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 60vw;
  max-height: 345px;
  padding: 10px 70px;
}
.kv_sus .kv_cont {
  position: relative;
  z-index: 1;
}
.kv_sus .heading_title {  
  font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 38px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 10px;
}
.kv_sus .heading_title + .kv_sus_lead {
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}
.kv_sus > img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/*door*/
.sus_door {margin-bottom: 40px;}


.column_item.current .index-layout > a {
  background-color:#e5f2ff;
}
.type-door .column_item:not(.icon) {
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 30px;
}
.type-door .column_item .nav_title {
  line-height: 1.26;
}
.type-door .column_item:not(.icon) .nav_title {
  font-size: 2.3rem;
  font-weight: 700;
}
.column-layout[data-row-pc="2"] > .column_item > .index-layout > .block > .index_caption .index_title > .index_label {
  font-size: 2.6rem;
  font-weight: 700;
}
.type-door .column_item.icon .nav_title {
  position: relative;
  line-height: 1.26;
  padding: 0 0 0 30%;
  margin: 0;
}
.type-door .column_item.icon .nav_title::before {
  content: none;
}
.type-door .column_item.icon .nav_title a > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-height: 75px;
  height: 7vw;
  margin: auto;
}

.type-door .column_item:nth-of-type(n+13):nth-of-type(-n+15) .nav_title::before {
  background: #0060b0;
}
.type-door .column_item:nth-of-type(n+4):nth-of-type(-n+6) .nav_title::before,
.type-door .column_item:nth-of-type(n+16):nth-of-type(-n+18) .nav_title::before {
  background: #0060b0;
}
.type-door .column_item:nth-of-type(n+7):nth-of-type(-n+9) .nav_title::before,
.type-door .column_item:nth-of-type(n+19):nth-of-type(-n+21) .nav_title::before {
  background: #0060b0;
}
.type-door .column_item:nth-of-type(n+10):nth-of-type(-n+12) .nav_title::before,
.type-door .column_item:nth-of-type(n+22):nth-of-type(-n+24) .nav_title::before {
  background: #0060b0;
}

/*release*/
.ir .irc_release_icon {display: none;}
.ir .irc_release .irc_release_icon + .irc_release_title {
  width: calc(100% - 200px);
}

/*column_img*/
.column_img {
  display: block;
}
.column_img:after {
  content: "";
  display: block;
  clear: both;
} 
.column_img:before {
  content: "";
  display: block;
  clear: both;
}
.column_img .left_img {
  float: left;
  margin: 0 30px 0px 0;
}
.column_img .right_img {
  float: right;
  margin: 0 0 30px 30px;
}
.column_img > p {
  overflow: hidden;
}

/*irc_boxmenu*/
.irc_boxmenu li {
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*.sub_nav_cont*/
.sub_nav_cont {
  /*margin: 30px 0 0;*/
  padding: 35px 40px 15px;
}
.sub_nav_cont .sub_nav li a::before {
  content: "";
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  background: #418fde;
  margin: auto;
}
.sub_nav_cont .sub_nav li a::after {
  position: absolute;
  right: 9px;
  bottom: 7px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background: none !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

/* 20240115 */
.container {padding-bottom: 100px;}
@media only screen and (max-width: 767px) {
  .container {padding-bottom: 40px;}
}
