@charset "UTF-8";

/*** 投資家のみなさまへ ***/
/* メインメニュー部 indexMenu */
.mainImage img { width: 100%; }
.indexMenu { width: 100%; margin-top: 20px; }
.indexMenu { padding: 0; }
.indexMenu li a img { width: 100%; }

@media print, screen and (max-width: 682px) {
  .indexMenu li { width: 47%; }
}
/*
.indexMenu li { display: inline-block; float: left; }
.indexMenu li a img { width: 100%; }
.indexMenu li { margin: 0 18px 18px 0; }

.indexMenu li { width: 31.5%; }
.indexMenu li:nth-child(3) { margin-right: 0; }
.indexMenu li:nth-child(6) { margin-right: 0; }

@media print, screen and (max-width: 682px) {
  .indexMenu li { width: 47%; }
  .indexMenu li:nth-child(2) { margin-right: 0; float: right; }
  .indexMenu li:nth-child(3) { margin-right: 18px; }
  .indexMenu li:nth-child(4) { margin-right: 0; float: right; }
  .indexMenu li:nth-child(6) { float: right; }
}
@media print {
  .indexMenu li { width: 31.5%; }
  .indexMenu li:nth-child(2) { margin-right: 18px; float:left}
  .indexMenu li:nth-child(3) { margin-right: 0;float: right; }
  .indexMenu li:nth-child(4) { margin-right: 18px; float:left; }
  .indexMenu li:nth-child(5) { margin-right: 18px; float: left !important }
  .indexMenu li:nth-child(6) { float: right; }
}
*/

a .index_business { opacity: 1.2; }
a .index_history { opacity: 1.2; }
a .index_advantage { opacity: 1.2; }
a .index_strategy { opacity: 1.2; }
a .index_return { opacity: 1.2; }
a .index_event { opacity: 1.2; }
a .index_sustainability { opacity: 1.2; }
a .index_trends { opacity: 1.2; }


/*** 日本郵政グループにおける位置づけ ***/
.detail_link { margin-top: 50px; }
.detail_link a { display: block; padding: 5px; text-decoration: none; color: #333; width: 100px; border: 1px solid #0075a9; }


/*** 株主還元 ***/
.return_notice { list-style-type: decimal !important; }
h5.notes_title { margin-bottom: 5px !important; font-size: 105%; color: #0075a9; }


/*** 成長戦略 ***/
.stg_notes { width: 570px; font-size: 85%; margin-left: 60px; }
@media print, screen and (max-width: 682px) {
  .stg_notes { width: 100%; font-size: 85%; margin-left: 0; }
}
.stg_notes li { margin-left: 1em; text-indent: -1em; }
.partnership { width: 100%; }
.partnership_photo { float: left; width: 260px; }
.partnership_text { float: left; width: 420px; }
@media print, screen and (max-width: 682px) {
  .partnership_photo { float: left; width: 100%; }
  .partnership_text { float: left; width: 100%; }
}


/*** かんぽ生命の強み ***/
.common_block { margin-bottom: 40px; }
@media print, screen and (max-width: 682px) {
  .common_block { margin-bottom: 10px; }
}
.tab_content_area { width: 100%; margin-top: 50px;}
.tab_menu { margin-bottom: 20px; margin-top: 70px;}
.tab_menu li { float: left; margin: 0 45px 10px 0; }
.tab_menu li { width: 18%; }
@media print, screen and (max-width: 682px) {
  .tab_menu li { width: 35%; }
}

.tab_menu li a { display: block; padding: 6px 6px 6px 25px; text-decoration: none; color: #333; width: 100%; border: 2px solid #0075a9; }
.tab_menu li a { background: url(../img/right_arrow.gif) no-repeat 1em 0.8em; }
.tab_menu li a:hover { background: #0075a9 url(../img/right_arrow_on.gif) no-repeat 1em 0.8em; color: #fff; }
.active_tab { background: #0075a9 url(../img/right_arrow_on.gif) no-repeat 1em 0.8em !important; color: #fff !important; }

.notes_block { border: 1px solid #ccc; min-height: 185px; float: left; }
.notes_block { width: 48%; margin-right: 10px; }
@media screen and (max-width: 682px) {
  .notes_block { width: 100%; margin-right: 0; margin-bottom: 10px; }
}
@media print (max-width: 682px) {
  .notes_block { width: 100%; margin-right: 0; margin-bottom: 10px; }
}

.notes_block .notes { font-size: 85%; padding: 0 10px 0 10px; margin-bottom: 0 !important; }
.notes_block p.icon_partner { background: url(../img/i_inv_adv_icon_partner.gif) no-repeat 0.5em 0.5em; line-height: 1.8em; padding-left: 55px; }
.notes_block p.icon_direct { background: url(../img/i_inv_adv_icon_direct.gif) no-repeat 0.5em 0.5em; line-height: 1.8em; padding-left: 30px; }
.notes_block span { display: block; font-weight: bold; }
.notes_block .notes_sub { margin-bottom: 0 !important; }

.ext_link { display: inline-block; background: url(../../shared/img/i_arrow-out.gif) no-repeat left 3em; padding-left: 15px; }
.ext_link a { margin-left: 10px; }
@media print, screen and (max-width: 682px) {
  .ext_link { display: inline-block; background: url(../../shared/img/i_arrow-out.gif) no-repeat left 0.2em; padding-left: 15px; }
  .ext_link a { margin-left: 0; }
}

/*** 用語集 ***/
.search_area { border-top: 1px solid #009; }
.search_area { margin-bottom: 30px; }
.btn_menu { margin-top: 30px; }
@media print, screen and (max-width: 682px) {
  .search_area { margin-bottom: 10px; }
  .btn_menu { margin-top: 15px; }
}

.btn_menu li { float: left; margin: 0 45px 10px 0; }
.btn_menu li { width: 18%; }
@media print, screen and (max-width: 682px) {
  .btn_menu li { width: 18%; }
}

.btn_menu li a { display: block; padding: 6px 6px 6px 30px; text-decoration: none; color: #333; width: 100%; border: 2px solid #0075a9; }
.btn_menu li a { background: url(../img/right_arrow.gif) no-repeat 0.8em 0.8em; }
.btn_menu li a:hover { background: #0075a9 url(../img/down_arrow.gif) no-repeat 0.8em 1em; color: #fff; }
.active_btn { background: #0075a9 url(../img/down_arrow.gif) no-repeat 0.8em 1em !important; color: #fff !important; }

.glossary_block { margin-bottom: 60px; }
@media print, screen and (max-width: 682px) {
  .glossary_block { margin-bottom: 30px; }
}




/*** あゆみ ***/

#yearNav { width:; height:;z-index:9;}
.fixed   {position: fixed !important;top: 0px;}
#contents { padding-top:79px}

#history {max-width:710px}
#history .box { background-image:url(../img/bg.png) !important; background-repeat: no-repeat; background-position:2px 50px; padding-left:45px; max-width:630px; margin:0px 0 50px}
#history .box:after { display:block; content:""; clear:both}
#history .box h2 { font-size:170%; font-weight:bold; color:#0075a9;margin: 0;}
#history .box h2 span { font-size:66%;}
#history .box .txt { float:left; display:inline}
#history .box table { float:right}
#history .box td { vertical-align:top; text-align:left; padding-right:10px; font-size:80%; vertical-align:bottom; white-space:nowrap}
#history .box p {font-size:100%;padding-right:10px;}
#history .box td img { width:auto; height:auto; max-height:180px;}
#history .whiteBK {
    background-color: rgba( 224, 236, 251, 0.9 );
    display: inline-block;
    padding:10px  0px 10px 20px;
	width: 93%;
	border-left:3px solid #0075a9
}
#history .box:before {
	background-image:url(../img/hisarrow.png); position:absolute; content:"";margin: 10px 0 0 -35px; width: 36px; height: 28px;}

#history > div {
	min-width: 600px;
	background: no-repeat 50% 0 fixed;
	margin: 0 auto;
}
#history p{
	line-height: 1.6;
}
#history .his_line {background-image:url(../img/his_line.png); background-repeat:repeat-y;background-position: 15px 0; padding:50px 0;}
#history #box1 {
/*	height: 2400px;*/
	background-image: url(../img/his001.jpg);
	background-position-y: 0px !important;
	padding-top: 0;
	z-index: 1;
	padding-bottom:50px;
}
#history #box1.modd {
	background-position-y: 390px !important;
}
#history #box2 {
/*	height: 2000px;*/
	background-image: url(../img/his002.jpg);
	background-position-y: 0px !important;
	padding-top:0;
	z-index: 2;
	padding-bottom:50px;
}
#history #box3 {
/*	height: 2000px;*/
	background-image: url(../img/his003.jpg);
	background-position-y: 0px !important;
	padding-top:0;
	z-index: 3;
	padding-bottom:50px;
}
#history #box4 {
/*	height: 2000px;*/
	background-image: url(../img/his004.jpg);
	background-position-y: 0px !important;
	padding-top:0;
	z-index: 4;
	padding-bottom:50px;
}


#history .inner {
	width: 680px;
	margin: 0 auto;
}
#box1 h1 {
	margin: 0 0 100px;
}



#main.his { margin-left:0; width:710px;}
#history #yearNav { margin-left:15px; position:absolute}
#history #yearNav:after {content:""; clear:both; display:block}
#history #yearNav li {
  display: inline-block;
  box-sizing: border-box;
  border-top: 1px solid #0075a9;
  border-bottom: 1px solid #0075a9;
  border-left: 1px solid #0075a9;
  margin: 0; 
}
#history #yearNav li:last-child {
  border-right: 1px solid #0075a9;
}
@media print,
screen and (max-width: 682px) {
    #history #yearNav li:nth-child(2n) {
        border-right: 1px solid #0075a9;
    }
} 
#history #yearNav li a {
  display:inline-block;
  max-width:82px;
  float:left;
  border-left:none;
  padding:10px 40px;
  white-space:nowrap;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  font-size:110%;
  background-color:#FFFFFF
}
#history #yearNav li a span {font-size:124%; padding-left:5px}
#history #yearNav li.current a { background-color:#0075a9; color:#fff;}



#history div#a1970 { margin-top:-100px; padding-top:100px}
#history div#a1989 { margin-top:-100px; padding-top:100px}
#history div#a2007 { margin-top:-100px; padding-top:100px}



#history .txt1:before { content:"ラジオ体操の様子"; font-size:11px; position:absolute; margin:14.2em 0 0 -9em; }
#history .txt2:before { content:"放送の様子"; font-size:11px; position:absolute; margin:14em 0 0 -6em; }
#history .txt3:before { content:"ラジオ体操70周年記念の参加票（裏面が参加票）"; font-size:11px; position:absolute; margin:14em 0 0 -22em; width:280px}
#history .txt5:before { content:"「はじめのかんぽ」ロゴマーク"; font-size:11px; position:absolute; margin:14em 0 0 -16em; }
#history .txt6:before { content:"上場セレモニーの様子"; font-size:11px; position:absolute; margin:14em 0 0 -10.5em; }
#history .txt7:before { content:"覚書の締結式"; font-size:11px; position:absolute; margin: 14em 0 0 -7em; }






@media print, screen and (max-width: 682px) {
#history .his_line {background-image:url(img/his_line.png); background-repeat:repeat-y;background-position: -5px 0; padding:50px 0;}

#history > div {min-width: inherit; width:100%;background: no-repeat 50% 0 fixed}
#history .inner {width:100%;}

#main.his {width:100%;}
#history #yearNav { margin-left:0}
#history #yearNav li {width:49.8%; display:inline-block; margin: 0; float:left}
#history #yearNav li:nth-child(odd) {border-right:1px solid #0075a9}
#history #yearNav li a {max-width:inherit !important; width:100%; font-size:100%; line-height:1.2em;padding: 10px 0; text-align:center}
#history #yearNav li a span {font-size:110%;}

#history .whiteBK {	width: 90%;}
#history .box {padding-left:20px; max-width:inherit; margin:0px 0 50px}
#history .box:before {
	margin: 10px 0 0 -15px; background-size:50%; background-repeat:no-repeat}
#history .box table { float:none}
#history .box td { }

#history .box .txt { float:none; display:block}




#history .txt1 { margin-left:6em}
#history .txt2 { margin-left:5em}
#history .txt3 { margin-left:11em;}
#history .txt5 { margin-left:11em; }
#history .txt6 { margin-left:8em; }
#history .txt7 { margin-left:5em; }

#history .txt1:before { content:"ラジオ体操の様子"; margin:13em 0 0 -9em}
#history .txt2:before { content:"放送の様子";margin:13em 0 0 -6em}
#history .txt3:before { content:"ラジオ体操70周年記念の参加票（裏面が参加票）"; margin:11em 0 0 -15em; width:170px}
#history .txt5:before { content:"「はじめのかんぽ」ロゴマーク"; margin:12em 0 0 -15em; }
#history .txt6:before { content:"上場セレモニーの様子"; margin:8em 0 0 -11em; }
#history .txt7:before { content:"覚書の締結式"; margin:14em 0 0 -7em; }
}


@media print, screen and (max-width: 680px) {
#history #box1, #history #box2, #history #box3, #history #box4 { background-image:none}
#history #box1::before {
	display:block;
	position:fixed;
	background-position:0 200px  !important;
	background: url(../img/his001s.png) center/cover no-repeat;
	width:100%;
	height:100vh;
	content:"";
	top:0;
    left:0;
	z-index:-2
}
#history #box1.modd {
	background-image: none !important;
}
#history #box2 { z-index:0;}
#history #box2.active { z-index:2;}
#history #box2::before {
	display:block;
	position:fixed;
	background-position:0 200px  !important;
	background: url(../img/his002s.png) center/cover no-repeat;
	width:100%;
	height:100vh;
	content:"";
	top:0;
    left:0;
	z-index:-5 !important
}
#history #box3 { z-index:0;}
#history #box3.active { z-index:3;}
#history #box3::before {
	display:block;
	position:fixed;
	background-position:0 200px  !important;
	background: url(../img/his003s.png) center/cover no-repeat;
	width:100%;
	height:100vh;
	content:"";
	top:0;
    left:0;
	z-index:-5 !important
}
#history #box4 { z-index:0;}
#history #box4.active { z-index:4;}
#history #box4::before {
	display:block;
	position:fixed;
	background-position:0 200px  !important;
	background: url(../img/his004s.png) center/cover no-repeat;
	width:100%;
	height:100vh;
	content:"";
	top:0;
    left:0;
	z-index:-5 !important
}
#relate { z-index:10;}

.disnon::before { display:none !important}

.pageTitle--investor { z-index:99}

}


.modAbs {position:absolute;max-width:290px}
.modAbs2 {position:absolute;max-width:432px}
.modAbs3 {position:absolute;max-width:315px}
@media print, screen and (max-width: 682px){
.modAbs {position:inherit;max-width: inherit}
.modAbs2 {position:inherit;max-width:inherit}
.modAbs3 {position:inherit;max-width:inherit}
}
  #year1916fig table {
    width: 100%;
    table-layout: fixed;
  }
  #year1916fig table td {
    width: 55%;
    vertical-align: middle !important;
    white-space: normal !important;
  }
  #year1916fig table td figure {
    margin: 0;
    padding: 0;
  }
  #year1916fig table td p {
    text-align: center;
    background-image: none !important;
    padding-left: 0 !important;
  }
  #year1916fig table td figure p img {
    width:100%;
    max-width: 100%;
    height: auto;
  } 

  #year2017logo table {
    width: 100%;
    table-layout: fixed;
  }
  #year2017logo table td {
    width: 33%;
    vertical-align: middle !important;
    white-space: normal !important;
  }
  #year2017logo table td figure {
    margin: 0;
    padding: 0;
  }
  #year2017logo table td p {
    text-align: center;
    background-image: none !important;
    padding-left: 0 !important; 
  }
  #year2017logo table td figure p img {
    width:100%;
    max-width: 100%;
    height: auto;
  } 

  #year2019logo table {
    width: 100%;
    table-layout: fixed;
  }
  #year2019logo table td {
    width: 33%;
    vertical-align: middle !important;
    white-space: normal !important;
  }
  #year2019logo table td figure {
    margin: 0;
    padding: 0;
  }
  #year2019logo table td p {
    text-align: center;
    background-image: none !important;
    padding-left: 0 !important; 
  }
  #year2019logo table td figure p img {
    width:100%;
    max-width: 100%;
    height: auto;
  } 

/* 2020.10.15追加 */
.indexMenu ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: left;
}

.indexMenu ul li{
	width:calc((100% - 54px) / 4)!important;
	margin: 0 18px 18px 0 !important;
}

.indexMenu ul li:nth-child(4),
.indexMenu ul li:nth-child(8),
.indexMenu ul li:last-child{
  margin-right: 0 !important;
}

@media print, screen and (max-width: 682px) {
	.indexMenu ul{
	justify-content: flex-start;
	}
	
  .indexMenu ul li{
	width:48% !important;
	}
	
.indexMenu ul li:nth-child(2n),
.indexMenu ul li:last-child{
  margin-right: 0 !important;
	}
}

@media print, screen and (max-width: 470px) {
	.indexMenu ul li{
	width:47% !important;
	}
}

/* 2022.04.21追加 */
@media print, screen and (max-width: 682px){
  #a1916 .inner .box:nth-child(5) .whiteBK { padding-bottom: 1em;}
  #history .inner .box:nth-child(5) .whiteBK .txt1:before { margin: 10em 0 0 -9em;}
  }
  @media print, screen and (max-width: 682px){
  #a1916 .inner .box:nth-child(10) .whiteBK {padding-bottom:1em}
  #history #a1916 .inner .box:nth-child(10) .whiteBK .txt2:before {margin: 10em 0 0 -6em;}
  }
  
  @media print, screen and (max-width: 682px){
  #a1989 .inner .box:nth-child(10) .whiteBK {padding-bottom:3em}
  #history #a1989 .inner .box:nth-child(10) .whiteBK .txt3 {margin: 0 auto;}
  #history #a1989 .inner .box:nth-child(10) .whiteBK .txt3:before { width: 80%; margin: 17em 0 0 -6em; line-height: 1.3em;}
  }
  @media print, screen and (max-width: 682px){
  #a2007 .inner .box:nth-child(5) .whiteBK {padding-bottom:3em}
  #history #a2007 .inner .box:nth-child(5) .whiteBK .txt5 {margin: 0 auto;}
  #history #a2007 .inner .box:nth-child(5) .whiteBK .txt5:before { margin: 17em 0 0 0em;}
  }

  @media print, screen and (max-width: 682px){
  #a2007 .inner .box:nth-child(7) .whiteBK {padding-bottom:3em}
  #history #a2007 .inner .box:nth-child(7) .whiteBK .txt7 {margin: 0 auto;}
  #history #a2007 .inner .box:nth-child(7) .whiteBK .txt7:before { margin: 17em 0 0 0em;}
  }