@charset "utf-8";
.h2TitEn,
.h2TitEn .en{
 letter-spacing: 0.05em;
}
/*--------------------
    message
----------------------*/
#message01{
 background:
  url("../images/message_img01.png") no-repeat right bottom /92% auto
  ,linear-gradient(to bottom,  rgba(0,120,206,1) 0%,#90C0FB 100%);
padding-top: 251px;
 padding-bottom: 430px;
}
#message01 *{
 color: #fff;
}
#message01 h1{
 margin-bottom: 70px;
}
#message01 h2{
 margin-bottom: 70px;
 font-size: 32px;
 line-height: 1.7;
}
#message01 p{
 font-weight: 600;
 line-height: 2;
}
#message01 p + p{
 margin-top: 1.6em;
}

@media screen and (max-width: 768px) {/* SP */
#message01{
padding-top: 150px;
 padding-bottom:50vw;
}
#message01 h1{
 margin-bottom: 70px;
}
#message01 h2{
 margin-bottom: 50px;
 font-size: min(6vw,32px);
}

}/*-SP only-*/

/****/
#ceoMessage{
 position: relative;
 padding-top:110px ;
 padding-bottom: 206px;
}
#ceoMessage::before{
 content: "";
 display: block;
 background: var(--blue);
 clip-path: polygon(0 0, 0% 100%, 100% 100%);
 width: 100%;
 height: 209px;
 position: absolute;
 left: 0;
 bottom: calc(100% - 1px);
}
#ceoMessage *{
 color: #fff;
}
#ceoMessage h2{
 margin-bottom: 100px;
 letter-spacing: 0.05em;
}
#ceoMessage h2 .en{
 margin-bottom: 10px;
 font-weight: 600;
}
#ceoMessage .pcFlex figure img{
 filter: grayscale(1);
}
#ceoMessage p{
 font-weight: 700;
line-height: 1.9;
 letter-spacing: 0;
}
#ceoMessage .txts p + p:not(.right){
 margin-top: 1.6em;
}
#ceoMessage .pcFlex{
 align-items: stretch;
}
#ceoMessage .nowrap{
 white-space: nowrap;
}
#ceoMessage .right{
 margin-top: 70px;
 font-size: 15px;
 line-height: 1;
 letter-spacing: 0.05em;
}
#ceoMessage .right span{
 margin-left: 25px;
 font-size: 26px;
 font-weight: 500;
}

@media screen and (min-width: 769px) {
 #ceoMessage  .inner{
  max-width: 1218px;
 }
 #ceoMessage .pcFlex figure{
  width: 37%;
  max-width: 449px;
  align-self: stretch;
  position: relative;
 }
 #ceoMessage .pcFlex figure img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
 }
 #ceoMessage .pcFlex .txts{
  width: 55%;
  max-width: 666px;
  padding-right: 58px;
 }
}/*-PC only-*/

@media screen and (max-width: 768px) {/* SP */
#ceoMessage{
 padding-top:80px ;
 padding-bottom: 100px;
}
#ceoMessage::before{
 height: 15vw;
}
#ceoMessage h2{
 margin-bottom: 50px;
}
 #ceoMessage .pcFlex figure{
  margin: 0 0 40px;
 }
}/*-SP only-*/

/****/
#values{
 max-width: 1216px;
 padding-top: 208px;
 padding-bottom: 260px;
}

#values h2{
 margin-bottom: 65px;
 letter-spacing: 0.05em;
}
#values h2 .en{
 margin-bottom: 10px;
 font-weight: 600;
}
#values > p{
 font-size: 32px;
 font-weight: 700;
 line-height: 1.4;
}
#values ul{
 margin-top: 120px;
}
#values ul li{
 border-top: 1px var(--blue2) solid;
 padding-top: 45px;
}
@media screen and (min-width: 769px) {
 #values ul li{
  width: 30%;
 }
}/*-PC only-*/
#values ul li h3{
 margin-bottom: 35px;
 font-size: min(2.1vw , 29px)
}
@media screen and (max-width: 768px) {
	#values ul li h3{
 font-size: min(7vw , 29px)
}
}
#values ul li h3 span.en{
 display: block;
 margin-bottom: 35px;
 color: var(--blue);
 font-size: 16px;
 letter-spacing: 0.15em;
}
#values ul li h3 .en span{
 margin-right: 20px;
 color: var(--blue2);
 font-size: 20px;
 font-weight: 600;
 letter-spacing: 0.05em;
}
#values ul li p{
 font-weight: 600;
 line-height: 2.25;
}

@media screen and (max-width: 768px) {/* SP values*/
#values{
 padding-top: 100px;
 padding-bottom: 100px;
}

#values h2{
 margin-bottom: 40px;
}
#values > p{
 font-size: min(5vw,32px);
 line-height: 1.6;
}
 #values ul{
  margin-top: 60px;
 }
 #values ul li {
  margin-bottom: 40px;
 }
#values ul li h3{
 margin-bottom: 30px;
}
#values ul li h3 span.en{
 margin-bottom: 30px;
}
}/*-SP only-*/





@media screen and (min-width: 769px) {

}/*-PC only-*/
@media screen and (max-width: 768px) {/* SP */

}/*-SP only-*/