@charset "utf-8";

/* *****************************************************************************

  company style

***************************************************************************** */
/* page-title */
.page-title.-company::after{
  background: url(/assets/images/company/img-page-title-company.jpg) center center no-repeat;
  background-size: cover;
}

/* greeting-box */
.greeting-box{
  padding-top: 8rem;
  padding-left: 6rem;
  padding-right: 6rem;
  overflow: hidden;
}
.greeting-box > .-inner{
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16.5rem;
  position: relative;
}
.greeting-box > .-inner::after{
  content: "";
  position: absolute;
  right: -4rem;
  bottom: 0;
  width: 450px;
  height: 475px;
  background: url(/assets/images/company/illust-earth.svg) center center no-repeat;
  background-size: contain;
}
.greeting-box > .-inner > .-heading{
  position: relative;
  z-index: 1;
}
.greeting-box > .-inner > .-primary{
  width: 65.6604%;
  margin-top: 7rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width : 1000px){
  /* greeting-box */
  .greeting-box{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .greeting-box > .-inner{
    display: block;
    padding-bottom: 16rem;
  }
  .greeting-box > .-inner::after{
    bottom: 6rem;
  }
  .greeting-box > .-inner > .-primary{
    width: 100%;
    margin-top: 6rem;
  }
}

@media screen and (max-width : 760px){
  /* greeting-box */
  .greeting-box{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (max-width : 560px){
  /* greeting-box */
  .greeting-box > .-inner::after{
    width: 89.1089%;
    height: 100%;
    object-fit: 450/475;
    background: url(/assets/images/company/illust-earth.svg) center bottom no-repeat;
    background-size: contain;
  }
}

/* greeting-text */
.greeting-text > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 2em;
}
.greeting-text > p:nth-child(1){
  margin-top: 0;
}

/* greeting-name */
.greeting-name{
  margin-top: 6.5rem;
  letter-spacing: -.4em;
}
.greeting-name > div{
  display: inline-block;
  vertical-align: baseline;
  letter-spacing: normal;
}
.greeting-name > .-position{
  font-size: 1.6rem;
}
.greeting-name > .-name{
  font-size: 2.1rem;
  margin-left: 2.4rem;
}

/* history-box */
.history-box{
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
}
.history-box > .-primary{
  width: 74.2453%;
}
.history-box > .-img{
  width: 22.6415%;
}

@media screen and (max-width : 760px){
  /* history-box */
  .history-box{
    display: block;
    margin-top: 4rem;
  }
  .history-box > .-primary{
    width: 100%;
  }
  .history-box > .-img{
    margin-top: 4rem;
    width: 100%;
  }
}

/* history-list */
.history-list{
  border-bottom: 1px solid #c8c8c8;
}

/* history-list-box */
.history-list-box{
  border-top: 1px solid #c8c8c8;
}

/* history-list */
.history-list-heading{
  padding: 2.5rem 6.5rem 2.5rem 2rem;
  cursor: pointer;
  display: block;
  position: relative;
}
.history-list-heading-text{
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 2.5rem;
  position: relative;
}
.history-list-heading-text::before{
  border-radius: 50%;
  content: "";
  background-color: #c1272d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0.9rem;
  left: 0;
}
.history-list-button{
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.history-list-button::before,
.history-list-button::after{
  position: absolute;
  background-color: #333333;
  content: '';
}
.history-list-button::before{
  top: 0;
  left: 6px;
  width: 2px;
  height: 14px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.history-list-open .history-list-button::before{
  -webkit-ransform: scaleY(0);
  transform: scaleY(0);
}
.history-list-button::after{
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
}
.history-list-main{
  border-top: 1px solid #c8c8c8;
  /*padding: 2.5rem 6.5rem 2.5rem 4.5rem;*/
  /*
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  */
  display: none;
}
/*
.history-list-text > p{
  font-size: 1.8rem;
  line-height: 2;
  margin-top: 0.8em;
}
.history-list-text > p:nth-child(1){
  margin-top: 0;
}
*/

@media screen and (max-width: 1000px){
  /* history-list */
  .history-list-heading{
    padding-left: 1rem;
    padding-right: 4.5rem;
  }
  .history-list-button{
    right: 2rem;
  }
  .history-list-main{
    /*
    padding-left: 3.5rem;
    padding-right: 4.5rem;
    */
  }
}

@media screen and (max-width: 760px){
  /* history-list */
  .history-list-heading{
    padding-left: 1rem;
    padding-right: 3.4rem;
  }
  .history-list-button{
    right: 1rem;
  }
  .history-list-main{
    /*
    padding-left: 1rem;
    padding-right: 2rem;
    */
  }
  /*
  .history-list-text > p{
    font-size: 1.7rem;
  }
  */
}

/* history-table */
.history-table{
  width: 100%;
}
.history-table > tbody > tr > th,
.history-table > tbody > tr > td{
  border-top: 1px solid #c8c8c8;
  font-size: 1.6rem;
  line-height: 1.75;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.history-table > tbody > tr:nth-child(1) > th,
.history-table > tbody > tr:nth-child(1) > td{
  border-top: none;
}
.history-table > tbody > tr > th{
  padding-left: 4.5rem;
  padding-right: 2rem;
  width: 250px;
}
.history-table > tbody > tr > td{
  padding-right: 2.5rem;
}

@media screen and (max-width: 1000px){
  /* history-table */
  .history-table > tbody > tr > th,
  .history-table > tbody > tr > td{
    display: block;
  }
  .history-table > tbody > tr > th{
    width: 100%;
    padding: 1.5rem 2.5rem 0.5rem 3.5rem;
  }
  .history-table > tbody > tr > td{
    padding-top: 0;
    padding-left: 3.5rem;
    padding-bottom: 1.5rem;
  }
}

@media screen and (max-width: 760px){
  /* history-table */
  .history-table > tbody > tr > th,
  .history-table > tbody > tr > td{
    font-size: 1.5rem;
  }
}

/* history-img */
.history-img > img{
  width: 100%;
}
.history-img > img.-sp{
  display: none;
}

@media screen and (max-width: 760px){
  /* history-img */
  .history-img{
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .history-img > img.-pc{
    display: none;
  }
  .history-img > img.-sp{
    display: inline;
  }
}

/* policy-text */
.policy-text{
  padding-top: 2rem;
}
.policy-text > p{
  font-weight: 700;
  line-height: 1.8889;
  font-size: 1.8rem;
}

@media print, screen and (max-width: 760px){
  /* policy-text */
  .policy-text{
    padding-top: 1.5rem;
  }
  .policy-text > p{
    font-size: 1.7rem;
  }
}

/* policy-text-sub */
.policy-text-sub{
  margin-top: 3.5rem;
}
.policy-text-sub > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 2em;
}
.policy-text-sub > p:nth-child(1){
  margin-top: 0;
}

/* polycy-date */
.polycy-date{
  margin-top: 3.5rem;
  font-size: 1.6;
  line-height: 2;
}

/* location-field */
.location-field > .-field{
  margin-top: 8rem;
}
.location-field > .-field:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width : 760px){
  /* location-field */
  .location-field > .-field{
    margin-top: 6rem;
  }
}

/* location-box */
.location-box{
  display: flex;
  justify-content: space-between;
}
.location-box > .-primary{
  width: 49.4253%;
}
.location-box > .-sub{
  width: 47.7011%;
}

@media screen and (max-width : 640px){
  /* location-box */
  .location-box{
    display: block;
  }
  .location-box > .-primary{
    width: 100%;
  }
  .location-box > .-sub{
    width: 100%;
    margin-top: 2.5rem;
  }
}

/* location-map */
.location-map{
  position: relative;
  overflow-y: hidden;
  width: 100%;
  /* アスペクト比 332:205 */
  padding-top: 61.747%;
}
.location-map > iframe{
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: calc(100% + (150px * 2));
}

/* location-text */
.location-text{
  font-size: 1.6rem;
  line-height: 1.75;
}