@charset "UTF-8";

/* ページタイトル
--------------------------------*/
.topimg{
background-image: url(../img/company-topimg.webp);
background-size: cover;
}

/* 見出し
--------------------------------*/
h3{
text-align: center;
font-size: 2.5rem;
font-weight: 400;
padding-bottom: 3rem;
}
@media screen and (max-width: 1100px){
h3
  {
   font-size: 2rem;
   padding-bottom: 20px;
  }
}

/* 代表からのご挨拶
--------------------------------*/
.message-head{
position: relative;
margin-top: 3rem;
margin-right: 10%;
padding-left: 12%;
margin-bottom: 60px;
background: linear-gradient(-90deg, #ddf6e6 0%, #dbe6ec 100%);
}
.message-head .left{
padding:30px 0 20px;
font-size: 2.5rem;
font-weight: 400;
letter-spacing: 0.1em;
width: 80%;
}
.president-img{
position: absolute;
right: 0;
bottom: -20px;
width: 330px;
}
.president-name{
font-weight: 400;
padding-bottom: 30px;
}
.president-name span{
font-size: 2rem;
padding-left: 1em;
}
.message-body p{
font-size: 1.65rem;
padding-bottom: 1em;
line-height: 1.8;
}
@media screen and (max-width: 1100px)
{
.message-head
 {
display: block;
padding-left: 6%;
margin-bottom: 50px;
}
.message-head .left{
padding:20px 0 10px;
font-size: 1.7rem;
line-height: 1.6;
}
.president-img{
position: absolute;
top:auto;
right:-10%;
width: 55%;
}
.president-name{
padding-right: 0;
padding-bottom: 20px;
font-size: 1.4rem;
}
.president-name span{
font-size: 1.5rem;
padding-left: 0.5em;
}
.message-body p{
font-size: 1.5rem;
line-height: 1.7;
}
}

/* 会社概要
--------------------------------*/
#company dl {
 display: flex;
 border-bottom: 1px solid #B4C0C9;
 padding-bottom: 2rem;
 padding-top: 2rem;
}

#company dt {
 width: 20%;
}

#company dd {
 width: 80%;
 line-height: 1.7;
}
#company dd a{
text-decoration: underline;}

@media screen and (max-width: 1100px) {
 #company {
  font-size: 1.5rem;
  margin-bottom: 50px;
 }

 #company dl {
  flex-wrap: wrap;
  padding-bottom: 1rem;
  padding-top: 1rem;
 }

 #company dt {
  display: block;
  width: 100%;
  padding-bottom: 0.5em;
 }

 #company dd {
  font-size: 1.4rem;
  display: block;
  width: 100%;
  line-height: 1.6;
 }

 #company li {
  padding-bottom: 0.5em;
 }
}