@charset "UTF-8";

/*========================================
独自CSS
========================================*/
body {
	font-family: "Noto Serif JP","Noto Serif", serif;
}

a{
	text-decoration: none;
	letter-spacing: 0.11em;
  color: #5C5C5C;
}

h1,h2,h3,h4,h5,h6{
	letter-spacing: 0.11em;
  margin: 0;
  font-weight: normal;
}

p{
	color: #5C5C5C;
	letter-spacing: 0.11em;
  margin: 0;
  font-size: 1.6rem;
}
@media (max-width: 600px) {
  p{
    font-size: 1.4rem;
  }
}

ul{
	list-style: none;
	-webkit-padding-start: 0px;
	padding-inline-start: 0px;
  margin: 0;
  font-weight: normal;
}

li{
  font-size: 1.6rem;
  font-weight: normal;
  color: #5C5C5C;
}
@media (max-width: 600px) {
  li{
    font-size: 1.4rem;
  }
}

/*========================================
会社概要
========================================*/

.page-company{
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
  padding: 0px 2vw;
}
@media (max-width: 900px) {
  .page-company{
  padding: 0px 4vw;
}
}

.page-company__table__cell--sp-br{
  display: none;
}
@media (max-width: 600px) {
  .page-company__table__cell--sp-br{
    display: block;
  }
}

.page-company__table {
  width: 100%;
  border-collapse: collapse;
  margin: 40px auto 0 auto;
  font-size: 1.6rem;
  line-height: 2;
  color: #5c5c5c;
}

.page-company__table__box {
  border-bottom: 1px solid #e0e6f0;
}

.page-company__table__th,
.page-company__table__td {
  padding: 32px 16px;
  vertical-align: top;
  font-weight: normal;
  letter-spacing: .11em;
}
@media (max-width: 900px) {
  .page-company__table__th,
  .page-company__table__td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 600px) {
  .page-company__table__th,
  .page-company__table__td {
    font-size: 1.4rem;
    
  }
}

.page-company__table__th {
  width: 20%;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  background-color: #fff6ccb0;
}
@media (max-width: 900px) {
  .page-company__table__th {
    width: 100%;
    padding: 16px 16px;
  }
}

.page-company__table__td {
  width: 80%;
  background-color: rgba(255, 255, 255,.5);
}
@media (max-width: 900px) {
  .page-company__table__td {
    width: 100%;
  }
}

.page-company__table__cell__text{
  text-indent: -1.2em;
  padding-left: 1.2em;
}

/*Googleマップ*/

.page-company__google-map-box{
  padding-top: 80px;
}

.page-company__google-map{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  margin-bottom:128px;
}
@media (max-width: 600px) {
  .page-company__google-map{
    padding-top: 80%;
  }
}

.page-company__google-map iframe{
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
}

/*========================================
代表挨拶
========================================*/
.ceo-message__title{
  margin-bottom: 7.2rem;
  position: relative;
}
@media (max-width: 1279px) {
  .ceo-message__title{
    margin-bottom: 6rem;
  }
}
@media (max-width: 600px) {
  .ceo-message__title{
    margin-bottom: 4.8rem;
  }
}
@media (max-width: 468px) {
  .ceo-message__title{
    margin-bottom: 4rem;
  }
}

.ceo-message__title::before{
  content: 'MESSAGE';
  display: inline-block;
  width: 100%;
  color: rgba(255,255,255,.5);
  font-size: 16rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: -1;
  line-height: .7;
}
@media (max-width: 1279px) {
  .ceo-message__title::before{
    font-size: 12rem;
  }
}
@media (max-width: 900px) {
  .ceo-message__title::before{
    font-size: 9.6rem;
  }
}
@media (max-width: 600px) {
  .ceo-message__title::before{
    font-size: 8.8rem;
    line-height: 1.2;
    color: rgba(255,255,255,.7);
  }
}
@media (max-width: 468px) {
  .ceo-message__title::before{
    font-size: 6.4rem;
    line-height: 1.3;
  }
}
@media (max-width: 374px) {
  .ceo-message__title::before{
    font-size: 5.4rem;
  }
}

.ceo-message__title-en{
  font-size: 6rem;
  color: #2E2C62;
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .2em;
}
@media (max-width: 1279px) {
  .ceo-message__title-en{
  font-size: 4.8rem;
  }
}
@media (max-width: 600px) {
  .ceo-message__title-en{
  font-size: 4rem;
  }
}
@media (max-width: 374px) {
  .ceo-message__title-en{
  font-size: 3.2rem;
  }
}

.ceo-message__title-ja{
  text-align: center;
  font-size: 2rem;
  margin-bottom: -.8rem;
  letter-spacing: .2em;
}
@media (max-width: 1279px) {
  .ceo-message__title-ja{
  font-size: 1.8rem;
  }
}
@media (max-width: 600px) {
  .ceo-message__title-ja{
  font-size: 1.6rem;
  }
}

/*========================================
プロフィール
========================================*/
.ceo-message__profile{
  max-width: 90rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-bottom: 6.4rem;
  padding: 0 2vw;
  gap: 6.4rem;
  transition: filter 0.8s;
  filter: blur(10px);
}
@media (max-width: 900px) {
  .ceo-message__profile{
    flex-direction: column;
    padding: 0 4vw;
  }
}
.ceo-message__profile.scroll-in-anime-blur.scroll-in-anime-blur-look{
  filter: blur(0);
}

.ceo-message__profile__img{
  max-width: 320px;
  width: 100%;
}
@media (max-width: 900px) {
  .ceo-message__profile__img{
    display: inline-block;
    max-width: 600px;
  }
  .ceo-message__profile__img img{
    display: block;
    margin: 0 auto;
  }
}

.ceo-message__profile__text-box{
  max-width: 60%;
  width: 100%;
}
@media (max-width: 900px) {
  .ceo-message__profile__text-box{
  max-width: 100%;
  }
}
@media (max-width: 600px) {
  .ceo-message__profile__text-box{
  max-width: 100%;
  }
}

.ceo-message__profile__text-box__company{
  margin-bottom: .4rem;
  font-size: 1.6rem;
}
@media (max-width: 900px) {
  .ceo-message__profile__text-box__company{
    text-align: center;
}
}

.ceo-message__profile__text-box__name-box{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 900px) {
  .ceo-message__profile__text-box__name-box{
  justify-content: center;
}
}

.ceo-message__profile__text-box__name-box--name{
  font-size: 2.8rem;
}

.ceo-message__profile__list{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.2rem;
}

.ceo-message__profile__item{
  font-size: 1.4rem;
  letter-spacing: .1em;
  width: 100%;
}

.ceo-message__profile__item__year{
  display: inline-block;
  background-color: #fff;
  border-radius: 8px;
  padding: 2px 8px;
  margin-bottom: 2px;
}
@media (max-width: 900px) {
  .ceo-message__profile__item__year{
    margin-bottom: 12px;
    display: block;
  }
}

.ceo-message__txt-area-box{
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 2vw;
}
@media (max-width: 900px) {
  .ceo-message__txt-area-box{
    padding: 0 4vw;
  }
}

.ceo-message__txt-area-box__inner{
  background-color: #f8faffb9;
  padding: 16px 24px;
  border-radius: 20px;
  margin-bottom: 128px;
  transition: filter 0.8s;
  filter: blur(10px);
}

.ceo-message__txt-area-box__inner.scroll-in-anime-blur.scroll-in-anime-blur-look{
  filter: blur(0);
}

.ceo-message__txt-area-box__text{
  line-height: 2.4;
  margin-bottom: 1em;
  font-size: 1.4rem;
  letter-spacing: .1em;
}

.ceo-message__txt-area-box__text:last-child{
  margin-bottom: 0;
}