@charset "utf-8";

/* ------------------------------------------------------------
	共通　section全般
   ------------------------------------------------------------ */

.sectionOutline,
.sectionHighlight {
  background: #006ab4;
}
.sectionTo,
.sectionMenu {
  background: #fff;
}
.sectionInner {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}
.sectionInner_wide {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
.sectionTitle {
  text-align: center;
}
.sectionTitle_text {
  display: block;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 640px) {
  .sectionTitle_text {
    margin-top: 10px;
    font-size: 16px;
  }
  .sectionInner {
    width: 100%;
    padding: 0;
  }
  .sectionInner_wide {
    width: 100%;
    max-width: auto;
    padding: 0;
  }
}

/* ------------------------------------------------------------
	sectionTop (招集ご通知等のタイトル)
   ------------------------------------------------------------ */

.sectionTop {
  background: #fff;
  padding: 52px 0 66px;
  text-align: center;
}
.topCode {
  font-size: 24px;
  border: 2px solid #434343;
  display: inline-block;
  line-height: 1em;
  padding: 7px 11px;
}
.topCompanyName {
  font-size: 40px;
  margin-top: 10px;
}
.sectionTopTitle {
  font-size: 70px;
  color: #006bb3;
}
.sectionTopTitle-big {
  font-size: 130px;
  display: block;
  line-height: 1em;
  margin-top: 10px;
  font-weight: 300;
}
@media screen and (max-width: 1001px) {
  .sectionTopTitle {
    font-size: 50px;
    color: #006bb3;
  }
  .sectionTopTitle-big {
    font-size: 80px;
  }
}

@media screen and (max-width: 640px) {
  .sectionTop {
    padding: 26px 20px 33px;
  }
  .topCode {
    font-size: 12px;
    border: 1px solid #434343;
    padding: 7px 11px;
  }
  .topCompanyName {
    font-size: 20px;
  }
  .sectionTopTitle {
    font-size: 7vw;
  }
  .sectionTopTitle-big {
    font-size: 1.9em;
    margin-top: 0;
  }
}

/* ------------------------------------------------------------
	news（お知らせ）
   ------------------------------------------------------------ */
.news {
  max-width: 1040px;
  margin: 0 auto 50px;
  padding: 0 20px 20px;
}
.newsInner {
  border: #006ab4 solid 3px;
  padding: 15px 20px;
}
.newsInner > p {
  padding-top: 5px;
  padding-bottom: 5px;
}
.newsInner img {
  max-width: 100%;
}
.newsInner a {
  color: #006ab4;
}
@media screen and (max-width: 1001px) {
  .news {
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .news {
    margin: 0 auto;
  }
}

/* ------------------------------------------------------------
	sectionOutline（開催概要）
   ------------------------------------------------------------ */
.svgAbout {
  line-height: 0;
  margin: 0 auto 39px;
  width: 134px;
  height: 123px; /*IE対策*/
}
.sectionOutline {
  padding: 78px 0 53px;
}
.outlineInfo {
  margin-top: 110px;
  display: flex;
  justify-content: space-between;
}
.outlineInfoBox {
  width: 50%;
  text-align: center;
  color: #fff;
}
.outlineInfoBoxTitle {
  font-size: 24px;
  line-height: 1em;
}
.outlineInfoBoxCon {
  margin-top: 25px;
}
.infoBoxCon_day {
  font-size: 44px;
  line-height: 60px;
}
.infoBoxCon_day_bl {
  display: inline-block;
}
.infoBoxCon_day-big {
  font-size: 80px;
}
.infoBoxCon_address {
  font-size: 36px;
}
.infoBoxCon_place {
  font-size: 48px;
  line-height: 1.3em;
}
.outlineBtn {
  width: 440px;
  margin: 100px auto 0;
}
.outlineBtnLink {
  display: block;
  line-height: 90px;
  border-radius: 100px;
  color: #fff;
  background: #fe9b00;
  text-align: center;
  text-decoration: none;
  font-size: 30px;
}
.outlineBtnLink:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1001px) {
  .outlineInfo {
    margin-top: 50px;
  }
  .infoBoxCon_day,
  .infoBoxCon_place {
    font-size: 30px;
  }
  .infoBoxCon_day-big {
    font-size: 60px;
  }
  .infoBoxCon_address {
    font-size: 28px;
  }
  .outlineBtn {
    margin-top: 50px;
  }
}

@media screen and (max-width: 640px) {
  .svgAbout {
    width: 70px;
    margin: 0 auto 10px;
    height: 65px; /*IE対策*/
  }
  .sectionOutline {
    padding: 26px 20px 26px;
  }
  .outlineInfo {
    margin-top: 20px;
    display: block;
  }
  .outlineInfoBox {
    width: 100%;
  }
  .outlineInfoBox + .outlineInfoBox {
    margin-top: 20px;
  }
  .outlineInfoBoxTitle {
    font-size: 14px;
  }
  .outlineInfoBoxCon {
    margin-top: 3px;
  }
  .infoBoxCon_day {
    font-size: 22px;
    line-height: 30px;
  }
  .infoBoxCon_day-big {
    font-size: 30px;
  }
  .infoBoxCon_address {
    font-size: 14px;
  }
  .infoBoxCon_place {
    font-size: 18px;
  }
  .outlineBtn {
    max-width: 218px;
    width: 100%;
    height: auto;
    margin: 20px auto 0;
  }
  .outlineBtnLink {
    line-height: 1em;
    font-size: 14px;
    padding: 14px 10px;
  }
}
/* ------------------------------------------------------------
	議案　補足資料ボタン
   ------------------------------------------------------------ */
.explanationBtn {
  width: 300px;
  margin: 40px auto 0;
}
.explanationBtn_link {
  display: block;
  line-height: 50px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  border: 3px solid #006ab4;
  color: #006ab4;
}
.explanationBtn_link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .explanationBtn {
    width: 100%;
    height: auto;
    margin: 25px auto 0;
    max-width: 218px;
  }
  .explanationBtn_link {
    line-height: 1em;
    font-size: 14px;
    padding: 12px 10px;
  }
}

/* ------------------------------------------------------------
	sectionTo（議案を見る・議決権を行使する）
   ------------------------------------------------------------ */

.sectionTo {
  padding: 72px 0 104px;
}
.toMenu {
  display: flex;
}
.toMenuBox {
  width: 50%;
}
.toMenuBoxTitle {
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 30px;
  color: #006ab4;
}
.toMenuBoxTitle a {
  color: #006ab4;
  text-decoration: none;
  display: block;
}
.toMenuBoxTitle_svgAgenda {
  display: block;
  width: 174px;
  height: 124px; /*IE対策*/
  margin: 37px auto 38px;
  line-height: 0;
}
.toMenuBoxTitle_svgVote {
  display: block;
  width: 140px;
  height: 173px; /*IE対策*/
  margin: 0 auto 25px;
  line-height: 0;
}

.toMenuBoxCon_list {
  margin-top: 30px;
}
.toMenuBoxCon_list_item {
  text-align: center;
  word-wrap: break-word;
}
.toMenuBoxCon_list_item + .toMenuBoxCon_list_item {
  margin-top: 40px;
}
.toMenuBoxCon_list_link {
  font-size: 30px;
  text-decoration: none;
  color: #006ab4;
  border-bottom: 2px solid #006ab4;
}
.toMenuBoxCon_list_link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .toMenuBoxTitle_svgAgenda {
    width: 87px;
    height: 63px; /* IE対策 */
    margin: 0 auto 10px;
  }

  .toMenuBoxTitle_svgVote {
    width: 70px;
    height: 87px; /* IE対策 */
    margin: 0 auto 10px;
  }
  .sectionTo {
    padding: 40px 20px 40px;
  }
  .toMenu {
    display: block;
  }
  .toMenuBox {
    width: 100%;
  }
  .toMenuBox + .toMenuBox {
    margin-top: 50px;
  }
  .toMenuBoxTitle {
    font-size: 16px;
  }
  .toMenuBoxCon_list {
    margin-top: 15px;
  }
  .toMenuBoxCon_list_item + .toMenuBoxCon_list_item {
    margin-top: 24px;
  }
  .toMenuBoxCon_list_link {
    font-size: 16px;
    border-bottom: 1px solid #006ab4;
  }
}
/* ------------------------------------------------------------
	sectionHighlight（決算ハイライト）
   ------------------------------------------------------------ */

.svgHighlight {
  display: block;
  margin: 0 auto 39px;
  width: 138px;
  height: 163px; /*IE対策*/
  line-height: 0;
}
.sectionHighlight {
  padding: 67px 0 52px;
}
.highlightList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.highlightList_item {
  width: 450px;
  color: #fff;
  margin-top: 30px;
}
.highlightList_item_title {
  font-size: 26px;
  line-height: 1em;
}
.highlightList_item_text {
  font-size: 40px;
  line-height: 80px;
}
.highlightList_item_number {
  font-size: 80px;
  font-weight: 900;
}
.highlightList_item_unit {
  display: inline-block;
  line-height: 1em;
}
.highlightBtn {
  width: 440px;
  margin: 60px auto 0;
}
.highlightBtn_link {
  display: block;
  line-height: 90px;
  border-radius: 100px;
  color: #fff;
  border: 3px solid #fe9b00;
  text-align: center;
  text-decoration: none;
  font-size: 30px;
}
.highlightBtn_link:hover {
  opacity: 0.6;
}

@media screen and (max-width: 1001px) {
  .highlightList_item {
    width: 49%;
  }
  .highlightList_item_number {
    font-size: 56px;
  }
  .highlightList_item_text {
    font-size: 26px;
  }
}

@media screen and (max-width: 640px) {
  .svgHighlight {
    margin: 0 auto 10px;
    width: 70px;
    height: 83px; /* IE対策 */
  }
  .sectionHighlight {
    padding: 30px 20px 30px;
  }
  .highlightList {
    display: block;
    margin-top: 20px;
  }
  .highlightList_item {
    max-width: 230px;
    width: 100%;
    margin: 4px auto 0;
    color: #fff;
  }
  .highlightList_item_title {
    font-size: 13px;
  }
  .highlightList_item_text {
    font-size: 20px;
    line-height: 40px;
  }
  .highlightList_item_number {
    font-size: 40px;
  }
  .highlightBtn {
    max-width: 218px;
    width: 100%;
    height: auto;
    margin: 20px auto 0;
  }
  .highlightBtn_link {
    line-height: 1em;
    font-size: 14px;
    padding: 14px 10px;
    border: 2px solid #fe9b00;
  }
}
/* ------------------------------------------------------------
	meeting（報告事項の取り扱いについて）
   ------------------------------------------------------------ */

.meeting {
  padding: 52px 0;
}
.meetingBtn {
  width: 600px;
  margin: 0 auto;
}
.meetingBtn_link {
  display: block;
  line-height: 90px;
  border-radius: 100px;
  color: #fff;
  border: 3px solid #fe9b00;
  text-align: center;
  text-decoration: none;
  font-size: 30px;
}

@media screen and (max-width: 640px) {
  .meeting {
    padding: 30px 20px 30px;
  }
  .meetingBtn {
    max-width: 280px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .meetingBtn_link {
    line-height: 1em;
    font-size: 14px;
    padding: 14px 10px;
    border: 2px solid #fe9b00;
  }
}

/* ------------------------------------------------------------
	sectionMenu（下層へのリンク）
   ------------------------------------------------------------ */

.sectionMenu {
  padding: 93px 0 80px;
}
.menuList {
  display: flex;
  flex-wrap: wrap;
}
.menuListItem {
  width: 33%;
  text-align: center;
}
.menuListItem:nth-child(4),
.menuListItem:nth-child(5),
.menuListItem:nth-child(6) {
  margin-top: 70px;
}
.menuListItem_link {
  font-size: 30px;
  text-decoration: none;
  color: #434343;
  display: block;
}
.menuListItem_text {
  display: inline-block;
}
.menuListItem_svgPdf {
  margin: 0 auto 35px;
  width: 178px;
  height: 178px;
  line-height: 0;
}
.menuListItem_svgPdf > svg {
  height: 160px;
  margin-top: 10px;
}
.menuListItem_svgIr {
  margin: 0 auto 35px;
  width: 178px;
  height: 178px;
  line-height: 0;
}
.menuListItem_svgIr > svg {
  height: 160px;
  margin-top: 10px;
}
.menuListItem_svgPast {
  margin: 0 auto 35px;
  width: 178px;
  height: 178px;
  line-height: 0;
}
.menuListItem_svgPast > svg {
  height: 130px;
  margin-top: 26px;
}
.menuListItem_svgTransition {
  margin: 0 auto 35px;
  width: 178px;
  height: 178px;
  line-height: 0;
}
.menuListItem_svgTransition > svg {
  height: 162px;
  margin-top: 15px;
}
.menuListItem_svgAgenda {
  margin: 0 auto 35px;
  width: 178px;
  height: 178px;
  line-height: 0;
}
.menuListItem_svgAgenda > svg {
  height: 126px;
  margin-top: 46px;
}
.menuListItem_svgVote {
  margin: 0 auto 35px;
  width: 178px;
  height: 178px;
  line-height: 0;
}
.menuListItem_svgVote > svg {
  height: 178px;
}

.menuListItem_link:hover {
  text-decoration: underline;
  opacity: 0.6;
}

@media screen and (max-width: 640px) {
  .menuListItem {
    height: 156px;
  }
  .menuListItem:nth-child(1),
  .menuListItem:nth-child(2) {
    margin-top: 20px;
  }
  .menuListItem:nth-child(3),
  .menuListItem:nth-child(4),
  .menuListItem:nth-child(5),
  .menuListItem:nth-child(6) {
    margin-top: 35px;
  }
  .menuListItem_svgPdf {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
  }
  .menuListItem_svgPdf > svg {
    height: 90px;
    margin-top: 9px;
  }
  .menuListItem_svgIr {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
  }
  .menuListItem_svgIr > svg {
    height: 100px;
    margin-top: 0;
  }
  .menuListItem_svgPast {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
  }
  .menuListItem_svgPast > svg {
    height: 70px;
    margin-top: 14px;
  }
  .menuListItem_svgTransition {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
  }
  .menuListItem_svgTransition > svg {
    height: 92px;
    margin-top: 0;
  }
  .menuListItem_svgAgenda {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
  }
  .menuListItem_svgAgenda > svg {
    height: 70px;
    margin-top: 15px;
  }
  .menuListItem_svgVote {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
  }
  .menuListItem_svgVote > svg {
    height: 100px;
    margin-top: 0;
  }
  .sectionMenu {
    padding: 30px 0 30px;
  }
  .menuListItem {
    width: 50%;
    text-align: center;
  }
  .menuListItem_link {
    font-size: 16px;
  }
}

/* ------------------------------------------------------------
	以下カラバリ用 / .color_green（緑）
   ------------------------------------------------------------ */

/* 文字色 */
.color_green .sectionTopTitle,
.color_green .toMenuBoxTitle,
.color_green .toMenuBoxTitle a,
.color_green .toMenuBoxCon_list_link {
  color: #1bbf20;
}

/* 背景色 */
.color_green .sectionOutline,
.color_green .sectionHighlight {
  background-color: #1bbf20;
}
.color_green .toMenuBoxCon_list_link {
  border-color: #1bbf20;
}

/* 背景画像 */
.color_green .sectionTitle_text-about::before {
  background-image: url(../img/green/top/icon_title_01.jpg);
}
.color_green .toMenuBoxTitle_agenda::before {
  background-image: url(../img/green/top/icn_01.jpg);
}
.color_green .toMenuBoxTitle_vote::before {
  background-image: url(../img/green/top/icn_02.jpg);
}
.color_green .sectionTitle_text-highlight::before {
  background-image: url(../img/green/top/icon_title_02.jpg);
}
.color_green .menuListItem_text-pdf::before {
  background-image: url(../img/green/top/icn_03.jpg);
}
.color_green .menuListItem_text-ir::before {
  background-image: url(../img/green/top/icn_04.jpg);
}
.color_green .menuListItem_text-past::before {
  background-image: url(../img/green/top/icn_05.jpg);
}
.color_green .menuListItem_text-transition::before {
  background-image: url(../img/green/top/icn_06.jpg);
}
.color_green .menuListItem_text-agenda::before {
  background-image: url(../img/green/top/icn_07.jpg);
}
.color_green .menuListItem_text-vote::before {
  background-image: url(../img/green/top/icn_08.jpg);
}

/* ------------------------------------------------------------
	以下カラバリ用 / .color_red（赤）
   ------------------------------------------------------------ */

/* 文字色 */
.color_red .sectionTopTitle,
.color_red .toMenuBoxTitle,
.color_red .toMenuBoxTitle a,
.color_red .toMenuBoxCon_list_link,
.color_red .outlineBtnLink {
  color: #d3023c;
}

/* 背景色 */
.color_red .sectionOutline,
.color_red .sectionHighlight {
  background-color: #d3023c;
}
.color_red .outlineBtnLink {
  background-color: #fff;
}

/* 線色 */
.color_red .toMenuBoxCon_list_link {
  border-color: #d3023c;
}
.color_red .highlightBtn_link {
  border-color: #fff;
}

/* 背景画像 */
.color_red .sectionTitle_text-about::before {
  background-image: url(../img/red/top/icon_title_01.jpg);
}
.color_red .toMenuBoxTitle_agenda::before {
  background-image: url(../img/red/top/icn_01.jpg);
}
.color_red .toMenuBoxTitle_vote::before {
  background-image: url(../img/red/top/icn_02.jpg);
}
.color_red .sectionTitle_text-highlight::before {
  background-image: url(../img/red/top/icon_title_02.jpg);
}
.color_red .menuListItem_text-pdf::before {
  background-image: url(../img/red/top/icn_03.jpg);
}
.color_red .menuListItem_text-ir::before {
  background-image: url(../img/red/top/icn_04.jpg);
}
.color_red .menuListItem_text-past::before {
  background-image: url(../img/red/top/icn_05.jpg);
}
.color_red .menuListItem_text-transition::before {
  background-image: url(../img/red/top/icn_06.jpg);
}
.color_red .menuListItem_text-agenda::before {
  background-image: url(../img/red/top/icn_07.jpg);
}
.color_red .menuListItem_text-vote::before {
  background-image: url(../img/red/top/icn_08.jpg);
}

/* ------------------------------------------------------------
	以下カラバリ用 / .color_white（白）
   ------------------------------------------------------------ */

/* 文字色 */
.color_white .sectionTopTitle,
.color_white .toMenuBoxTitle,
.color_white .toMenuBoxTitle a,
.color_white .toMenuBoxCon_list_link,
.color_white .outlineBtnLink,
.color_white .outlineInfoBox,
.color_white .highlightList_item,
.color_white .highlightBtn_link,
.color_white .meetingBtn_link {
  color: #434343;
}

/* 背景色 */
.color_white .sectionOutline,
.color_white .sectionHighlight {
  background-color: #fff;
}
.color_white .outlineBtnLink {
  background-color: #eeeeee;
}

/* 線色 */
.color_white .toMenuBoxCon_list_link,
.color_white .highlightBtn_link,
.color_white .meetingBtn_link {
  border-color: #434343;
}
.color_white .sectionOutline,
.color_white .sectionHighlight,
.color_white .sectionTo,
.color_white .sectionMenu {
  border-top: 2px solid #d2d2d2;
}

/* 背景画像 */
.color_white .sectionTitle_text-about::before {
  background-image: url(../img/white/top/icon_title_01.jpg);
}
.color_white .toMenuBoxTitle_agenda::before {
  background-image: url(../img/white/top/icn_01.jpg);
}
.color_white .toMenuBoxTitle_vote::before {
  background-image: url(../img/white/top/icn_02.jpg);
}
.color_white .sectionTitle_text-highlight::before {
  background-image: url(../img/white/top/icon_title_02.jpg);
}
.color_white .menuListItem_text-pdf::before {
  background-image: url(../img/white/top/icn_03.jpg);
}
.color_white .menuListItem_text-ir::before {
  background-image: url(../img/white/top/icn_04.jpg);
}
.color_white .menuListItem_text-past::before {
  background-image: url(../img/white/top/icn_05.jpg);
}
.color_white .menuListItem_text-transition::before {
  background-image: url(../img/white/top/icn_06.jpg);
}
.color_white .menuListItem_text-agenda::before {
  background-image: url(../img/white/top/icn_07.jpg);
}
.color_white .menuListItem_text-vote::before {
  background-image: url(../img/white/top/icn_08.jpg);
}