@charset "utf-8";
 #main .experience {
margin-top: 2.9rem;
}
#main .experience .title {
margin-bottom: 0.4rem;
color: #0067b4;
font-weight: 700;
font-size: 1.3rem;
letter-spacing: 0.15em;
}
#main .experience .title img {
width: 2.1rem;
margin: -0.5rem 0.9rem 0 0;
display: inline-block;
vertical-align: middle;
}
#main .experience p {
line-height: 1.69;
letter-spacing: 0;
}
.comContact {
margin-top: 0;
}
@media all and (max-width: 896px) {
#main .experience {
margin-top: 1.6rem;
}
#main .experience .title {
margin-bottom: 0.6rem;
font-size: 2rem;
letter-spacing: 0.15em;
}
#main .experience .title img {
width: 2.5rem;
margin: -0.6rem 1.1rem 0 0;
}
#main .experience p {
line-height: 1.33;
letter-spacing: 0.05em;
}
} #main .showBox {
display: flex;
color: #fff;
}
#main .showBox .subBox {
width: 50%;
padding-right: 2.7rem;
height: 49.4rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0.6rem;
}
#main .showBox .image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
#main .showBox .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
#main .showBox .textBox {
position: relative;
z-index: 10;
margin: 0 auto;
max-width: 38rem;
width: 100%;
}
#main .showBox p {
line-height: 1.69;
letter-spacing: 0.15em;
text-align: justify;
}
#main .showBox .comTtl {
padding: 0.3rem 2.3rem 0.4rem;
font-size: 1.3rem;
}
#main .showBox .box01 .headLine04 {
margin-bottom: 0;
font-size: 4rem;
}
#main .showBox .box01 .headLine04 .comTtl {
margin-bottom: 1.3rem;
}
#main .showBox .box01 {
padding-bottom: 3.9rem;
}
@media all and (max-width: 896px) {
#main .showBox {
display: block;
}
#main .showBox .subBox {
width: auto;
padding: 5.4rem 1.8rem;
min-height: 31.1rem;
height: auto;
}
#main .showBox .textBox {
margin: 0 auto;
max-width: 38rem;
}
#main .showBox p {
line-height: 1.47;
letter-spacing: 0.25em;
}
#main .showBox .comTtl {
padding: 0.4rem 2.3rem 0.5rem;
font-size: 1.3rem;
}
#main .showBox .headLine04 {
margin: 0 -1.8rem 1.7rem;
}
#main .showBox .box01 .headLine04 {
margin-bottom: 0;
font-size: 3.6rem;
letter-spacing: 0.3em;
}
#main .showBox .box01 .headLine04 .comTtl {
margin-bottom: 0.7rem;
}
#main .showBox .box01 {
padding-bottom: 7.4rem;
}
} #main .vision {
padding:14.9rem 0 13rem;
color: #fff;
background: url(//www.world-win.co.jp/wp2026/wp-content/themes/world-win/img/company/bg03.jpg) no-repeat center center / cover;
position: relative;
}
#main .vision p {
font-weight: 700;
font-size: 1.8rem;
line-height: 1.71;
letter-spacing: 0.2em;
text-align: center;
}
#main .vision .headLine02 {
position: absolute;
bottom: 2.9rem;
left: 50%;
opacity: 0.15;
transform: translateX(-50%);
font-weight: 600;
}
#main .vision .headLine02 .en {
font-size: 12rem;
letter-spacing: 0.05em;
}
@media all and (max-width: 896px) {
#main .vision {
padding: 12.8rem 0 9.9rem;
background-image: url(//www.world-win.co.jp/wp2026/wp-content/themes/world-win/img/company/bg03_sp.jpg);
}
#main .vision p {
font-size: 1.5rem;
line-height: 2;
letter-spacing: 0.1em;
}
#main .vision .headLine02 {
bottom: auto;
top: -1.5rem;
opacity: 0.15;
}
#main .vision .headLine02 .en {
font-size: 9.5rem;
}
} #main .companyBox {
margin: 0 0 5rem;
position: relative;
padding-top: 5.2rem;
}
#main .companyBox::before {
width: 100%;
height: 12rem;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, rgba(0, 102, 178, 1) 5.7%, rgba(0, 99, 175, 1) 7.89%, rgba(0, 72, 141, 1) 33.8%, rgba(0, 53, 117, 1) 58.47%, rgba(0, 41, 102, 1) 81.16%, rgba(0, 37, 97, 1) 100%);
content: "";
z-index: -1;	
}
#main .companyBox .content {
max-width: 110rem;
background: #fff;
position: relative;
padding: 4.6rem 5rem;
z-index: 10;
}
#main .companyBox .flexBox {
display: flex;
}
#main .companyBox .box01 {
width: 48%;
}
#main .companyBox .box02 {
flex: 1;
margin-left: -1px;
position: relative;
z-index: 10;
}
#main .companyBox .height {
height: 18rem;
}
@media all and (max-width: 896px) {
#main .companyBox {
margin: 0 auto 3rem;
max-width: inherit;
padding: 3.2rem 0 0;
}
#main .companyBox .content {
max-width: inherit;
padding: 2.2rem 1.6rem;
margin: 0;
}
#main .companyBox .flexBox {
display: block;
}
#main .companyBox .box01 {
width: auto;
}
#main .companyBox .box02 {
margin-left: 0;
}
#main .companyBox .height {
height: auto;
}
#main .companyBox .content {
margin: 0;
max-width: inherit;
}
} #main .groupBox {
margin-bottom: 9.1rem;
}
#main .groupBox th {
padding-left: 0.5rem;
text-align: center;
}
@media all and (max-width: 896px) {
#main .groupBox {
margin-bottom: 5.1rem;
}
#main .groupBox th {
padding-left: 1.4rem;
text-align: left;
}
} #main .chartBox {
padding: 8.7rem 0 9rem;
background-color: #f2f3f2;
}
#main .chartBox .headLine01 .en {
margin-bottom: 0.3rem;
}
#main .chartBox .headLine01 {
margin-bottom: 1.6rem;
}
#main .chartBox .textImg {
margin: 0 auto;
max-width: 99.4rem;
}
#main .chartBox .textImg img {
width: 100%;
}
@media all and (max-width: 896px) {
#main .chartBox {
padding: 5.4rem 0 3.8rem;
}
#main .chartBox .headLine01 .en {
margin-bottom: 0.9rem;
}
#main .chartBox .headLine01 {
margin-bottom: 5rem;
}
#main .chartBox .textImg {
padding-bottom: 4.6rem;
margin: 0 -1.6rem 0 0;
max-width: inherit;
overflow-x: auto;
}
#main .chartBox .textImg img {
width: 100%;
margin-right: 1.8rem;
min-width: 70.5rem;
}
}
@media all and (max-width: 896px) {
.simplebar ::-webkit-scrollbar {
display: none;
}
.comSimplebar .innerSimplebar {
padding-right: 1.8rem;
}
.simplebar-scrollbar::before {
background-color: #fff;
opacity: 1 !important;
border-radius: 0.3rem;
top: 0.4rem;
bottom: 0.4rem;
left: 0.4rem;
right: 0.4rem;
}
.simplebar-track {
width: calc(100% - 1.6rem);
background-color: #aaaaaa;
}
.simplebar-track.simplebar-horizontal {
height: 1.8rem;
border-radius: 0.3rem;
}
}
@media all and (min-width: 897px) {
.comImgBox .photoBox {
width: 62.5rem;
margin: 1.1rem -2.6rem 0 4rem;
}
}
@media all and (max-width: 896px) {
.comImgBox .photoBox .photo {
margin: 0 -7.9rem 0 -5.3rem;
}
} #main .directorBox {
padding: 6rem 0 8.1rem;
background-color: #f2f3f2;
}
#main .directorBox .content {
max-width: 80rem;
}
#main .directorInner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 5.3rem 3rem;
flex-wrap: wrap;
}
#main .directorBox .imgBox {
width: calc(50% - 1.5rem);
}
#main .directorBox .imgBox .photo {
margin-bottom: 3rem;	
}
#main .directorBox .imgBox .photo img {
width: 100%;
}
#main .directorBox .imgBox .textBox {
position: relative;
padding-bottom: 5rem;
letter-spacing: 0.15em;
}
#main .directorBox .imgBox p {
text-align: justify;
}
#main .directorBox .imgBox .name {
text-align: left;
font-weight: 700;
position: absolute;
bottom: -0.3rem;
left: 0;
padding-left: 0.5rem;
white-space:nowrap;
display: flex;
align-items: center;
gap: 1.6rem;
}
#main .directorBox .imgBox .name .big {
font-size: 2.5rem;
display: inline-block;
vertical-align: middle;
margin-top: -0.3rem;
letter-spacing: 0.15em;
}
#main .directorBox .headLine01 {
margin-bottom: 2.4rem;
}
@media all and (max-width: 896px) {
#main .directorBox {
padding: 6rem 0 2.3rem;
}
#main .directorBox .imgBox {
width: 100%;
}
#main .directorBox .imgBox .photo {
margin: 0 2.7rem 1.4rem;
}
#main .directorBox .imgBox .textBox {
margin-left: 0;
padding-bottom: 0;
letter-spacing: 0.15em;
}
#main .directorBox .imgBox .name {
margin-top: 1.6rem;
text-align: left;
font-weight: 700;
position: static;
bottom: auto;
left: auto;
padding-left: 0;
white-space: wrap;
display: flex;
}
#main .directorBox .headLine01 {
margin-bottom: 2.7rem;
}
#main .directorBox .imgBox .name .big {
margin-top: -0.5rem;
}
#main .directorBox .imgBox02 .name {
align-items: flex-start;
margin-top: 2.8rem;
}
#main .directorBox .imgBox02 .name .txt {
margin-top: -1rem;
}
#main .directorBox .imgBox02 .name .big {
margin: 0 0 0.5rem;
}
}