@charset "UTF-8";
#about-us .title-box {padding: 0;}
#about-us .title-box .title {
width: 100%;
text-align: center;
left: 0;
bottom: 0.3em;
}
main{margin-bottom: 100px;}

/*===リンク群===*/
.about-us__list{
width:95%;
max-width: 960px;
height:auto;
display: flex;
flex-wrap: wrap;
gap:1.5em;
padding: 0;
}
#about-list_parts .about-us__list{margin: 100px auto;}
.about-us__list li {
width: 30%;
height: auto;
aspect-ratio: 15 / 12;
position: relative;
list-style: none;
overflow: hidden;
}
.about-us__list li img{height: 100%;width: auto;display: block;background-color: #eee;}
.about-us__list li p {
width: 100%;
height: 40px;
font-weight: 500;
color: #ffffff;
font-size: 14px;
letter-spacing: 1.01px;
line-height: 40px;
position: absolute;
bottom: 0;
background-color: #44596fb2;
padding-left: 1em;
}

/*===会社を知る===*/
#about-us__front {display: grid;justify-items: center;}

/*===会社概要===*/
#about-us__company{max-width: 600px;margin: 0 auto;}
.company-map iframe {width: 100%;height: 320px;margin-top: 40px;}

/*===代表メッセージ===*/
#about-us__message{
width: 90%;
max-width: 1045px;
height: auto;
margin: 0 auto;
}
#about-us__message dl{
display: flex;
justify-content: center;
align-items: center;
gap: 2em;
}
#about-us__message dt{flex: 1;}
#about-us__message dd{flex:2.5;}
#about-us__message h3{
font-family:"Shippori Mincho B1", serif;
font-weight: 700;
font-size: 42px;
color: #58A0C8;
margin: 0 0 30px 0;
}
#about-us__message dd p{font-size: 14px;font-weight: 500;}
#about-us__message dd p span{
width: 100%;
height: auto;
display:block;
text-align: right;
margin-top: 1em;
}

/*===経営理念===*/
#about-us__management-lead {
width: 90%;
height: auto;
margin: 0 auto;
display: grid;
justify-content: center;
}
#about-us__management-lead h1{
font-family:"Shippori Mincho B1", serif;
font-weight: 700;
font-size: 56px;
color: #58A0C8;
line-height: 1.5em;
margin-bottom:30px;
}
#about-us__management-lead p{line-height: 2em;}
#about-us__management-text{width: 100%;max-width: inherit;}
#about-us__management-text dl{display: flex;justify-content:flex-start;align-items: center;}
#about-us__management-text dt{width:40%;background-color: #eee;}
#about-us__management-text dd{width:auto;margin: 0;padding: 0 2.5%;}
#about-us__management-text ul{padding: 0;margin: 0;}
#about-us__management-text li{list-style: none;}
#about-us__management-text h3{
font-family:"Shippori Mincho B1", serif;
font-weight: 700;
font-size: 32px;
color: #58A0C8;
margin-bottom:20px;
}
#about-us__management-text dd p{font-size: 14px;font-weight: 500;}
#about-us__management-text dl:last-of-type{margin-top: 60px;justify-content:flex-end;}
#about-us__management-text dl:last-of-type dt{order:2;}

/*===企業理念===*/
#about-us__corporate-mission dl{display: flex;justify-content: center;align-items: center;gap: 3em;}
#about-us__corporate-mission dt{flex: 1;}
#about-us__corporate-mission dd{flex:1.5;}
#about-us__corporate-mission dt img {width: 100%;height: auto;display: block;}
#about-us__corporate-action {display: grid;justify-items: center;}
#about-us__corporate-action .title-box__2 {width: 460px;padding-right: 0;}
.about-us__corporate-action__list {
padding: 60px 0;
display: grid;
gap: 2em;
justify-content: center;
}
.about-us__corporate-action__item{
height: auto;
width: 100%;
max-width: 940px;
position: relative;
background-color: #ffffff;
border: 0px none;
border-radius: 8px;
box-shadow: 0px 3px 10px #00000026;
display: flex;
justify-content: space-between;
margin: 0;
gap: 1em;
padding: 20px;
align-items: center;
}
.about-us__corporate-action__item-image {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.about-us__corporate-action__text{flex: 3;margin: 0;}
.about-us__corporate-action__text h4{
font-size: 1.7em;
color: #113F67;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1.5em;
}
.about-us__corporate-action__text p{font-size: 14px;line-height:1.7em;}

@media screen and (max-width: 1019px) {
}
@media screen and (max-width: 768px) {
    main{gap:40px 0;}
    .title-en.title-en__philosophy {font-size: 10vw;}
    #about-us .title-box .title {bottom: 0;margin: 0;}
    .about-us__list li {width: calc(50% - 1em);}
    .about-us__list li p {
    font-size: 12px;
    padding-left: 0;
    text-align: center;
    height: 32px;
    line-height: 32px;
    }
    #about-us__management-lead h1 {font-size: 10vw;}
    #about-us__management-text h3 {font-size: 2em;}
    #about-us__management-text dl {display: grid;}
    #about-us__message dl dt,#about-us__management-text dt{width: 100%;}
    #about-us__message dl {display: grid;margin-bottom: 40px;}
    #about-us__message dl dt img {
    width: 50%;
    height: auto;
    margin: 20px auto 0 auto;
    display: block;
    }
    #about-us__management-text dl:last-of-type dt {order: inherit;}
    #about-us__corporate-mission dl:first-child {display: grid;gap: 2em;}
    #about-us__corporate-action {padding-top: 80px;}
    #about-us__corporate-action .title-box__2{width: 100%;}
    .about-us__corporate-action__item {display: grid;}
    .about-us__corporate-action__text h4{font-size: 1.5em;}
    #about-us__message h3 {font-size: 2em;text-align: center;margin-bottom: 20px;}
    #about-us__company {padding: 30px 0;}
}