#corporate.history .page_sec{margin-top:6rem;margin-bottom:10rem}
#corporate.history .history_tb_blue{max-width:808px;margin:0 auto;background-color:#FFF;background-image:url(/jp/~/Media/phchd/corporate/history/image/line01.jpg);background-position:left;background-repeat:repeat-y}
#corporate.history .history_tb_blue .history_sec{border:2px solid #003894;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:6rem;background-color:#FFF}
#corporate.history .history_tb_blue .history_sec:last-child{margin-bottom:0}
#corporate.history .history_tb_blue .year{width:17%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-right:solid 2px #003894}
#corporate.history .history_tb_blue .year .year_txt{font-size:32px;font-size:2rem;font-weight:700}
#corporate.history .history_tb_blue .bg_blue{background-color:#003894;color:#fff}
#corporate.history .history_tb_blue .bg_white{background-color:#fff;color:#003894}
#corporate.history .history_tb_blue .history_img{width:21%;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
#corporate.history .history_tb_blue .history_img img{width:100%}
#corporate.history .history_tb_blue .history_event{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:62%;padding:.5rem 3.2rem}
#corporate.history .history_tb_blue .history_event p{font-size:28px;font-size:1.8rem;line-height:39px;line-height:2.48rem;font-weight:700}
#corporate.history .history_tb_blue .history_event a{font-size:24px;font-size:1.5rem;color:#003894}
#corporate.history .history_tb_blue .history_event a:before{font-family:FontAwesome;content:"\f054";display:inline-block;vertical-align:middle;margin-right:7px}
#corporate.history .history_tb_blue:after{content:'';display:block;width:808px;height:150px;height:9.4rem;background-color:#FFF;background-image:url(/jp/~/Media/phchd/corporate/history/image/line02.jpg);background-repeat:no-repeat}
#corporate.history .history_tb_gray{max-width:808px;margin:0 auto;padding:0}
#corporate.history .history_tb_gray table{width:100%;border:1px solid #e6e6e6}
#corporate.history .history_tb_gray table tr{border:1px solid #e6e6e6}
#corporate.history .history_tb_gray table tr th{width:17.32%;font-size:24px;font-size:1.5rem;font-weight:700;background:#f4f4f4;padding:3rem;line-height:1.8;text-align:right}
#corporate.history .history_tb_gray table tr td.td_txt{font-size:24px;font-size:1.5rem;padding:4.6rem 3rem;line-height:1.8}
#corporate.history .history_tb_gray table tr td.td_img{width:27.22%;border-left:1px solid #e6e6e6;text-align:center}
#corporate.history .history_tb_gray table tr td.td_img img{width:160px;width:10rem}
#corporate.history .more-btn{max-width:210px}
#corporate.history .mt60{margin-top:60px}
@media screen and (max-width:768px){#corporate.history .page_sec{margin-top:4rem;margin-bottom:8rem}
#corporate.history .history_tb_blue .history_sec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:5rem}
#corporate.history .history_tb_blue .year{width:56%;border-bottom:solid 2px #003894}
#corporate.history .history_tb_blue .history_img{width:44%}
#corporate.history .history_tb_blue .history_event{width:100%;padding:2.8rem 3rem}
#corporate.history .history_tb_blue .history_event p{font-size:1.6rem}
#corporate.history .history_tb_gray table tr th{width:24.05%;padding:1.5rem}
#corporate.history .history_tb_gray table tr td.td_txt{padding:2.8rem 1.5rem}
#corporate.history .history_tb_gray table tr td.td_img{width:24.78%}
}

.openModal {
	margin: 145px 0 130px;
}

.openModal h2{
	font-size: 27px;
	line-height: 1;
	text-align: center;
	margin-bottom: 45px;
	font-weight:700;
}

@media screen and (max-width:768px){
	.openModal {
    margin: 60px 0 80px;
  }

  .openModal h2{
    font-size: 18px;
    margin-bottom: 30px;
  }

}

.openModal img{
	border: 1px solid #dcdcdc;
}

.openModal_btn{
  cursor: pointer;
}

.modalArea {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 85%;
  max-width: 1650px;
  padding: 0;
  background-color: #000;
}

.closeModal {
  font-size: 40px;
  line-height: 1;
  position: fixed;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  z-index: 9999;
  color: #FFF;
}

@media screen and (max-width:768px){
  .closeModal {
    top: 6rem;
  }

}