@charset "UTF-8";

/*````````````````````````````````````````*/
@media only screen and (min-width: 769px) {
/*````````````````````````````````````````*/
.sp{
  display: none;
  }
  
/*================*/
  section.message{
  width: 100%;
  margin: 0 auto;
  }

/*================*/
section.pagetitle .area-ttl {
  padding: 110px 0 100px 0;
}
section.pagetitle .sectioning-title h2 span.main b {
  background-image: url(/company/img/message/message.svg);
}
section.pagetitle .sectioning-title h2 span.main {
  width: 373px;
  aspect-ratio: 360 / 60;
  line-height: 1;
}
.sectioning-title.st-type2 h2{
  padding-top: 45px;
}
/*================*/
  section.message{
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  letter-spacing: 1.4px;
}
section.message .message_ttl{
  font-family: "游ゴシック体", YuGothic, "游ゴシック bold", "Yu Gothic bold", "游ゴシック", "Yu Gothic", sans-serif;
  color: #00833E;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 3.84px;
  line-height: 70px;
  margin-top: 80px;
}
section.message p{
  margin-top: 50px;
}
section.message .date{
  margin-top: 40px;
}
section.message .date p{
  margin-top: 0;
  text-align: right;
  font-weight: 700;
}

/*================*/
section.area-jump{
  text-align: center;
}
section.area-jump .back{
  padding-top: 100px;
}
section.area-jump .border-button.bb-type2{
  width: 348px;
}

/*````````````````````````````````````````*/
}@media only screen and (max-width: 768px) {
  /*````````````````````````````````````````*/
  
.sp{
  display: block;
}

/*================*/
section.message{
  width: 90vw;
  margin: 0 auto;
}

/*================*/
section.pagetitle .sectioning-title h2 span.main{
  width: 58vw;
  aspect-ratio: 360 / 60;
  line-height: 1;
}
section.pagetitle .sectioning-title h2 span.main b {
  background-image: url(/company/img/message/message.svg);
}
section.pagetitle .area-ttl{
  padding: 17vw 0 15vw 0;
}
.sectioning-title.st-type2 h2{
  padding-top: 5vw;
}
/*================*/
section.message p {
  font-size: 14px;
  text-align: left;
  line-height: 26px;
  letter-spacing: 0.1px;
  margin-top: 7vw;
}
section.message h2.message_ttl{
  font-family: "游ゴシック体", YuGothic, "游ゴシック bold", "Yu Gothic bold", "游ゴシック", "Yu Gothic", sans-serif;
  color: #00833E;
  font-size: 7.9vw;
  margin-top: 13vw;
  padding-left: 0;
  letter-spacing: 1.68px;
  line-height: 3.4rem;
}

section.message .date{
  margin-top: 7vw;
}
section.message .date p{
  margin-top: 0;
  text-align: right;
  font-weight: 700;
  letter-spacing: 2px;
}


/*================*/
section.area-jump{
  text-align: center;
}
section.area-jump .back{
  padding-top: 14vw;
}
section.area-jump .border-button.bb-type2 p span{
  padding-top: 1vw;
}
section.area-jump .border-button p i{
  width: 20vw;
}
section.area-jump .border-button.bb-type2 p i{
  top: 3vw;
}
section.area-jump .back .border-button{
  width: 90vw;
}
section.area-jump .border-button.bb-type2 p{
  padding: 1.3vw 0 0 0;
}
/*````````````````````````````````````````*/
} /* end of @media */
/*