@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: 34px;
	}
	.sectionTopTitle-big {
		font-size: 65px;
		margin-top: 0;
	}
}
@media screen and (max-width:364px) {
	.sectionTopTitle {
		font-size: 28px;
	}
	.sectionTopTitle-big {
		font-size: 55px;
	}	
}

/* ------------------------------------------------------------
	sectionOutline（開催概要）
   ------------------------------------------------------------ */
.svgAbout{
	line-height: 0;
	margin: 0 auto 39px;
	width:134px;
}
.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-top: 10px;
	}
	.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;
	}

}
/* ------------------------------------------------------------
	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;
	margin: 37px auto 38px;
	line-height: 0;
}
.toMenuBoxTitle_svgVote {
	display:block;
	width:140px;
	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;
		margin:0 auto 10px;
	}
	
	.toMenuBoxTitle_svgVote {
		width:70px;
		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;
	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;
	}
	.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;
	}
}


/* ------------------------------------------------------------
	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: #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 {
     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) ;
}