@charset "utf-8";
 .pageTitle {
margin-bottom: 14.7rem;
}
#main .topBox {
margin: 0 auto;
max-width: 120rem;
position: relative;
}
#main .topBox > .textBox {
margin-bottom: 5.8rem;
gap: 2rem;
align-items: flex-start;
}
#main .topBox .textBox .comTitle {
flex: 1;
font-size: 5rem;
line-height: 1.56;
text-decoration-thickness: 1%;
text-underline-offset: 23%;
}
#main .topBox .textBox .rBox {
margin-top: 1.1rem;
width: 59rem;
}
#main .topBox .textBox .rBox .text {
margin-bottom: 3rem;
line-height: 2;
}
#main .topBox .textBox .rBox .text:last-child {
margin-bottom: 0;
}
#main .topBox .personUl {
padding-bottom: 14.7rem;
gap: 2rem calc(8% / 3);
position: relative;
}
#main .topBox .personUl::after {
position: absolute;
bottom: 0;
left: -6rem;
right: -6rem;
content: "";
height: 1px;
background-color: #e9e9e9;
}
#main .topBox .personUl li {
width: 23%;
}
#main .topBox .personUl .photoBox {
margin: 0 auto;
width: 18rem;
}
#main .topBox .personUl .photoBox img {
border-radius: 50%;
width: 100%;
}
#main .topBox .personUl .photoBox span {
margin-top: 1.6rem;
display: block;
text-align: center;
font-family: "Outfit", sans-serif;
font-size: 2.4rem;
font-weight: 600;
line-height: 1.57;
}
#main .topBox .personUl .textBox .title {
margin-bottom: 1.3rem;
text-align: center;
font-weight: 600;
line-height: 2;
}
#main .topBox .personUl .textBox .text {
font-size: 1.2rem;
line-height: 1.85;
}
#main .themeBox .innerBox {
margin-top: 15rem;
}
#main .themeBox .sub {
max-width: 120rem;
margin: 0 auto;
}
#main .themeBox .headLine07 {
margin-bottom: 8rem;
}
#main .themeBox .headLine07 .en {
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
#main .themeBox .headLine07 .jp {
font-size: 4.2rem;
}
#main .themeBox .imgBox {
margin-bottom: 14.7rem;
gap: 11rem;
}
#main .themeBox .imgBox .photoUl {
width: 37.3rem;
}
#main .themeBox .imgBox .photoUl li:not(:last-child) {
margin-bottom: 0.5rem;
}
#main .themeBox .imgBox .photoUl img {
width: 100%;
}
#main .themeBox .imgBox .themeUl {
flex: 1;
}
#main .themeBox .imgBox .themeUl li {
margin-bottom: 4.3rem;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 2.5rem;
}
#main .themeBox .imgBox .themeUl li:last-child {
margin-bottom: 0;
}
#main .themeBox .imgBox .themeUl .photoBox {
width: 6rem;
}
#main .themeBox .imgBox .themeUl .photoBox img {
border-radius: 50%;
}
#main .themeBox .imgBox .themeUl .photoBox span {
margin-top: 0.2rem;
display: block;
text-align: center;
font-size: 1.4rem;
font-weight: 600;
line-height: 2.14;
font-family: "Outfit", sans-serif;
}
#main .themeBox .imgBox .themeUl .textBox {
margin-top: -0.4rem;
flex: 1;
}
#main .themeBox .imgBox .themeUl .textBox .text {
line-height: 2;
}
#main .themeBox .subPhoto img {
width: 100%;
} @media all and (min-width: 897px) {
#main .themeBox .subPhoto {
width: calc(100vw - 8rem);
max-width: none;
margin-left: calc(50% - 50vw + 4rem);
}
#main .themeBox .subPhoto img {
display: block;
width: 100%;
height: auto;
}
}
#main .themeBox .innerBox.reverse .imgBox {
flex-direction: row-reverse;
}
#main .comLinkBox {
margin-top: 15rem;
}
@media all and (max-width: 896px) {
.pageTitle {
margin-bottom: 3.8rem;
}
#main .topBox {
max-width: 100%;
}
#main .topBox::after {
left: 0;
right: 0;
}
#main .topBox > .textBox {
margin-bottom: 3.1rem;
display: block;
}
#main .topBox .textBox .comTitle {
margin-bottom: 2.2rem;
font-size: 3.2rem;
line-height: 1.59;
text-underline-offset: 26%;
}
#main .topBox .textBox .rBox {
margin-top: 0;
width: auto;
}
#main .topBox .textBox .rBox .text {
margin-bottom: 2.7rem;
}
#main .topBox .personUl {
padding-bottom: 4.7rem;
display: block;
}
#main .topBox .personUl::after {
left: 0;
right: 0;
}
#main .topBox .personUl li {
margin-bottom: 2.5rem;
width: auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 1.5rem;
}
#main .topBox .personUl li:last-child {
margin-bottom: 0;
}
#main .topBox .personUl .photoBox {
margin: 0.5rem 0 0;
width: 6rem;
}
#main .topBox .personUl .photoBox span {
margin-top: 0.2rem;
font-size: 1.4rem;
line-height: 1.93;
}
#main .topBox .personUl .textBox {
margin-bottom: 0;
flex: 1;
}
#main .topBox .personUl .textBox .title {
margin-bottom: 0.6rem;
text-align: left;
font-weight: 600;
}
#main .topBox .personUl .textBox .text {
line-height: 1.58;
}
#main .themeBox .innerBox {
margin-top: 3.7rem;
}
#main .themeBox .sub {
max-width: 100%;
}
#main .themeBox .headLine07 {
margin-bottom: 2.2rem;
}
#main .themeBox .headLine07 .en {
margin-bottom: 1.3rem;
font-size: 1.1rem;
}
#main .themeBox .headLine07 .jp {
font-size: 2rem;
line-height: 1.7;
}
#main .themeBox .imgBox {
margin-bottom: 6rem;
display: block;
}
#main .themeBox .imgBox .photoUl {
margin-bottom: 2.5rem;
width: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.3rem;
}
#main .themeBox .imgBox .photoUl li {
width: calc((100% - 0.3rem) / 2);
}
#main .themeBox .imgBox .photoUl li:not(:last-child) {
margin-bottom: 0;
}
#main .themeBox .imgBox .themeUl li {
margin-bottom: 2.2rem;
gap: 1.5rem;
}
#main .themeBox .imgBox .themeUl .photoBox {
width: 4.4rem;
}
#main .themeBox .imgBox .themeUl .photoBox span {
margin-top: 0;
font-size: 1.3rem;
line-height: 1.7;
}
#main .themeBox .imgBox .themeUl .textBox {
margin-top: -0.2rem;
}
#main .themeBox .imgBox .themeUl .textBox .text {
line-height: 1.78;
}
#main .themeBox .subPhoto {
margin: 0 -2rem;
}
#main .comLinkBox {
margin-top: 15rem;
}
}