@charset "utf-8";
/*-----------表示・非表示部分--------*/
.main-title br,
.title-label br{
  display: none;
}
/*----------共通設定・パーツ---------*/
.kv-m{
  background: url(../images/pc-kv.jpg) no-repeat center center;
  background-size: cover;
}
.main{
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.content {
  margin-bottom: 0;
}
.company-links h4 {
  margin-bottom: 20px;
  color: #224A80;
  font-size: 20px;
}

/*----------------.col2------------*/
.col2{
  width: 100%;
  height: 600px;
  transition: 0.5s;
}
.col2 .photo{
  float: left;
  position: relative;
  width: 50%;
  height: 600px;
  transition: 0.5s;
}
.col2 .photo:nth-child(1){
  background: url(../images/ph-01.jpg) no-repeat center center;
  background-size: cover;
}
.col2 .photo:nth-child(2){
  background: url(../images/ph-02.jpg) no-repeat center center;
  background-size: cover;
}
.col2 .photo .text-wrap{
  position: absolute;
  width: 80%;
  top: 220px;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.5s;
}
/*----------------.col3------------*/
.col3{
  width: 100%;
  height: 400px;
  transition: 0.5s;
}
.col3 .photo{
  position: relative;
  float: left;
  width: 33.333%;
  height: 400px;
  transition: 0.5s;
}
.col3 .photo:nth-child(1){
  background: url(../images/ph-03.jpg) no-repeat center center;
  background-size: cover;
}
.col3 .photo:nth-child(2){
  background: url(../images/ph-04.jpg) no-repeat center center;
  background-size: cover;
}
.col3 .photo:nth-child(3){
  background: url(../images/ph-05.jpg) no-repeat center center;
  background-size: cover;
}
.col3 .photo .text-wrap{
  position: absolute;
  width: 80%;
  top: 160px;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.5s;
}
.col3 .img-title{
font-size: 21px;
}
/*----------------.table-----------*/
.table{
  width: 960px;
  margin: 0 auto 30px;
  transition: 0.5s;
}
.table:last-of-type{
  margin-bottom: 0;
}
.table tr{
  border-top: 1px solid #a3a2a2;
  border-bottom: 1px solid #a3a2a2;
}
.table .title,
.table .text{
  padding: 15px 20px;
  transition: 0.5s;
}
.table .title{
  width: 24%;
  font-size: 13px;
  text-align: center;
	background-color: #fbf8f0;
  vertical-align: middle;
  font-weight: normal;
}
.table .text{
  width: 76%;
  padding-left: 3%;
  text-align: justify;
  line-height: 1.8;
}
.table .text .wrap1,
.table .text .wrap2,
.table .text .wrap3,
.table .text .wrap4,
.table .text .wrap5{
  display: inline-block;
  text-align: left;
}
.table .text .wrap1{
  width: 130px;
}
.table .text .wrap2{
  width: 134px;
}
.table .text .wrap3{
  width: 135px;
}
.table .text .wrap4{
  width: 135px;
}
.table .text .wrap5{
  width: 135px;
}

/*----------------------------------------------------------------------------*/
.photo .overlay {
  background-color: rgba(0,0,0,0);
  transition: 0.2s ease-in
}
.photo:hover > .overlay {
  background-color: rgba(0,0,0,0.5);
  display:  block;
  width: 100%;
  height: 100%;
}

/*-------------------------PCレイアウト(0～1300px)-----------------------------*/
@media screen and (max-width:1300px){
/*----------------.col2------------*/
.col2 .photo .text-wrap{
  top: 200px;
}
/*----------------.col3------------*/
.col3 .photo .text-wrap{
  top: 160px;
}
/*----------------.table-----------*/
.table{
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}
}





/*--------------------------PCレイアウト(0～960px)-----------------------------*/
@media screen and (max-width:960px){
/*--------------float解除------------*/
.col2 .photo,
.col3 .photo{
  float: none;
  width: 100%;
}
/*----------------.col2------------*/
.col2,
.col3{
  height: auto;
}
.col2 .photo{
  height: 400px;
}
.col2 .photo:nth-child(1) .text-wrap{
  top: 135px;
}
.col2 .photo:nth-child(2) .text-wrap{
  top: 130px;
}
/*----------------.col3------------*/
.col3 .photo{
  height: 300px;
}
.col3 .photo .text-wrap{
  top: 120px;
}
/*----------------.table-----------*/
.table{
  margin-bottom: 0;
}
.table tr{
  border: 0;
}
.table .title,
.table .text{
  display: block;
  width: 100%;
  padding: 15px 0;
  text-align: center;
}
.table .text .wrap1,
.table .text .wrap2,
.table .text .wrap3,
.table .text .wrap4,
.table .text .wrap5{
  width: 100%;
  display: block;
  text-align: center;
}
.table .text .bottom{
  display: inline-block;
  margin-bottom: 5px;
}
}





/*-------------------------SPレイアウト(0～640px)------------------------------*/
@media screen and (max-width:640px){
/*----------共通設定・パーツ---------*/
.title-label{
  width: 80%;
  height: inherit;
  line-height: inherit;
  padding: 20px 10%;
  transition: 0.5s;
}
.kv-m{
  background: url(../images/sp-kv.jpg) no-repeat center center;
  background-size: cover;
}
/*------------表示・非表示-----------*/
{
  display: none;
}
.main-title br,
.title-label br{
  display: block;
}
/*--------------.content-----------*/
.content .top-warp .photo:first-child .text-wrap{
  top: 120px;
}
/*---------------.col2-------------*/
.col2 .photo:nth-child(2) .text-wrap{
  top: 105px;
}
/*---------------.table-------------*/
.table .title{
  font-size: 22px;
  padding: 10px 0;
}
.table .text{
  font-size: 16px;
  padding: 20px 0;
}
}

@media screen and (max-width:400px){
/*---------------.col2-------------*/
.col2 .photo:nth-child(2) .text-wrap{
  top: 90px;
}
/*--------------.table-------------*/
.table .title{
  font-size: 18px;
  padding: 5px 0;
}
.table .text{
  font-size: 14px;
}
}


/*--------------追加-------------*/
/*--------------.content-----------*/
.content{
  margin-bottom: 0;
}
.content-table{
  margin-top:70px;
}
.content2 .top-warpm,
.content2 .bottom-warp{
  width: 100%;
  margin: 0 auto;
  transition: 0.5s;
}
.content2 .top-warp .photo{
  float: left;
  position: relative;
  width: 33.333%;
  height: 400px;
}
.content2 .top-warp .photo:nth-child(1){
  background: url(../images/ph-06.jpg) no-repeat center center;
  background-size: cover;
}
.content2 .top-warp .photo:nth-child(2){
  background: url(../images/ph-07.jpg) no-repeat center center;
  background-size: cover;
}
.content2 .top-warp .photo:nth-child(3){
  background: url(../images/ph-08.jpg) no-repeat center center;
  background-size: cover;
}
.content2 .top-warp .photo .text-wrap{
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
  padding: 0 10%;
  margin: auto;
  transition: 0.5s;
}
.content2 .bottom-warp .photo{
  float: left;
  position: relative;
  width: 50%;
  height: 200px;
  line-height: 200px;
}
.content2 .bottom-warp .photo:nth-child(1){
  background: url(../images/ph-09.jpg) no-repeat center center;
  background-size: cover;
}
.content2 .bottom-warp .photo:nth-child(2){
  background: url(../images/ph-10.jpg) no-repeat center center;
  background-size: cover;
}
.content2 .top-warp .photo .img-text{
  text-align: left;
  display: inline-block;
}


/*-------------------------PCレイアウト(0～1300px)-----------------------------*/
@media screen and (max-width:1300px){
.photo-top,
.photo-bottom{
  width: 50%;
}
/*----------------------------------------------------------------------------*/
}
/*----------------------------------------------------------------------------*/





/*--------------------------PCレイアウト(0～960px)-----------------------------*/
@media screen and (max-width:960px){
/*--------------float解除------------*/
.content .top-warp .photo,
.content .bottom-warp .photo,
.content2 .top-warp .photo,
.content2 .bottom-warp .photo{
  float: none;
  width: 100%;
}
/*----------------.main--------------*/
.photo-top li,
.photo-bottom li{
  width: 50%;
  float: left;
}
}


/*-------------------------SPレイアウト(0～640px)------------------------------*/
@media screen and (max-width:640px){
/*----------共通設定・パーツ---------*/
.title-label{
  width: 80%;
  height: inherit;
  line-height: inherit;
  padding: 20px 10%;
  transition: 0.5s;
}
.kv-m{
  background: url(../images/sp-kv.jpg) no-repeat center center;
  background-size: cover;
}
/*------------表示・非表示-----------*/
.main-title br,
.title-label br{
  display: block;
}
/*--------------.content-----------*/
.content2 .top-warp .photo:first-child .text-wrap{
  top: 120px;
}
}

/*----link button----*/
.company-links {
  padding: 50px 0;
}
.company-links .link-button{
  text-align: center;
  width: 45%;
  display: inline-block;
  /*min-width: 530px;*/
}
.company-links .button {
  display: inline-block;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  line-height: 1.2em;
  padding: 20px 10px;
  font-size: 20px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #164A84;
  color: #164A84;
}

.company-links .button:hover {
  color: #fff;
}
.company-links .button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.company-links .button:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #164A84;
}

.company-links .button::before,
.company-links .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.company-links .button,
.company-links .button::before,
.company-links .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.company-links .button:last-child {
  margin-top: 30px;
  overflow: hidden;
}

@media screen and (max-width:960px){
.company-links, .company-links .link-button {
    width: 80%;
    margin: 0 auto;
}
.company-links .link-button {
    margin: 0 auto;
    margin-bottom: 30px;
}

}
@media screen and (max-width: 640px){
  .stockprice-bg {
    height: auto;
  }
  .company-links,.company-links .link-button{
    width: 100%;
  }
  .company-links .link-button .button{
    width: 80%;
    margin: 0 auto;
  }
  .company-links .text {
      font-size: 14px;
      width: 80%;
      margin: 20px auto .0;
  }
}