.banner-img-box img{
opacity: 1;
}
.blank-gap {
width: 100%;
height: var(--section-gap);
background: white;
}
.blank-gap.transition{
margin-top: 95px;
}
.banner-img-box-text h5{
line-height:1.5em;
}
.list-content-catalog{
margin-top: 80px;
display: flex;
flex-direction: column;
}
.list-content-catalog-2{
margin-bottom: 50px;
margin-top: 60px;
gap: 30px;
}
.list-content-catalog a{
font-family: var(--ch-font);
color: var(--main-color) !important;
font-size: 23px;
font-weight: 600;
text-decoration: unset !important;
}
.investors-list-style-01 .sec-en-title{
margin-bottom: 10px;
line-height: 1.2em;
}
.investors-list-style-01 .sec-ch-title{
font-size: 40px;
font-weight: 700;
margin-bottom: 25px;
}
.investors-list-style-01 .list-content>p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
color: #000000;
margin: 0;
width: 100%;
max-width: 310px;
line-height: 2em;
}
.investors-list-style-01>div{
width: 86%;
margin-left: auto;
display: flex;
align-items: flex-start;
padding: 0;
position: relative;
gap: 8%;
}
.investors-list-style-01 .list-content{
width: 37%;
position: relative;
}
.investors-list-style-01 .list-content::before{
content: "";
width: 65vw;
height: calc(100% + 40px);
position: absolute;
background: #E8E8E8;
z-index: -1;
top: 55px;
left: -7vw;
border-radius: var(--box-radius);
}
.investors-list-style-01 .list-img{
width: 63%;
padding-top: 55px;
aspect-ratio: 950 / 800;
}
.investors-list-style-01 .list-img img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: var(--box-radius) 0 0 var(--box-radius);
}
.investors-list-style-01 .download-list{
padding-top: 60px;
}
.investors-list-style-01 .download-list>div{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
border-bottom: 2px solid white;
padding: 20px 0;
grid-gap: 15px;
}
.investors-list-style-01 .download-list>div:first-child{
border-top: 2px solid white;
}
.investors-list-style-01 .download-list span{
font-family: var(--ch-font);
font-size: var(--xd-19px);
color: #AFAFAF;
margin: 0;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
.investors-list-style-01 .download-list p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
color: var(--main-color);
margin: 0;
font-weight: 500;
}
.investors-list-style-01 .download-list a{
width: 45px;
height: 45px;
display: flex;
background: white;
border: 2px solid #707070;
border-radius: 100%;
padding: 10px;
align-items: center;
justify-content: center;
}
.investors-list-style-01 .list-img.mobile-mode{
display: none;
}
.investors-list-style-02 .sec-en-title{
margin-bottom: 10px;
line-height: 1.2em;
}
.investors-list-style-02 .sec-ch-title{
font-size: 40px;
font-weight: 700;
margin-bottom: 25px;
}
.investors-list-style-02 .list-content>p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
color: #000000;
margin: 0;
width: 100%;
max-width: 310px;
line-height: 2em;
}
.investors-list-style-02>div{
width: 86%;
margin-right: auto;
display: flex;
align-items: flex-start;
padding: 0;
position: relative;
gap: 8%;
}
.investors-list-style-02 .list-content{
width: 37%;
position: relative;
}
.investors-list-style-02 .list-content::before{
content: "";
width: 65vw;
height: calc(100% + 40px);
position: absolute;
background: #E8E8E8;
z-index: -1;
top: 55px;
right: -7vw;
border-radius: var(--box-radius);
}
.investors-list-style-02 .list-img{
width: 63%;
padding-top: 55px;
aspect-ratio: 950 / 800;
}
.investors-list-style-02 .list-img img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: 0 var(--box-radius) var(--box-radius) 0;
}
.investors-list-style-02 .download-list{
padding-top: 60px;
}
.investors-list-style-02 .download-list>div{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
border-bottom: 2px solid white;
padding: 20px 0;
grid-gap: 15px;
}
.investors-list-style-02 .download-list>div:first-child{
border-top: 2px solid white;
}
.investors-list-style-02 .download-list span{
font-family: var(--ch-font);
font-size: var(--xd-19px);
color: #AFAFAF;
margin: 0;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
.investors-list-style-02 .download-list p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
color: var(--main-color);
margin: 0;
font-weight: 500;
}
.investors-list-style-02 .download-list a{
width: 45px;
height: 45px;
display: flex;
background: white;
border: 2px solid #707070;
border-radius: 100%;
padding: 10px;
align-items: center;
justify-content: center;
}
.investors-list-style-02 .list-img.mobile-mode{
display: none;
}
.investors-list-style-02.casual-wear .list-content::before{
height: calc(100% - 55px);
}
.investors-list-style-02.casual-wear .list-content{
padding-bottom: 30px;
}
.investors-list-style-02.office-supplies>div{
align-items: flex-end;
}
.investors-list-style-02.office-supplies .list-img{
aspect-ratio: 950 / 700;
padding-top: 0;
}
.investors-list-style-01.pp-corrugated .list-content>p{
max-width: unset;
}
.investors-list-style-01.pp-corrugated .download-list p{
display: flex;
gap: 10px;
align-items: center;
}
.investors-list-style-01.pp-corrugated .download-list span{
margin-bottom: 0;
}
.investors-list-style-01.pp-corrugated .download-list>div{
padding: 30px 0;
align-items: flex-start;
}
.investors-list-style-01.pp-corrugated .download-list>div>div{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
.rain-shoes-blank{
width: 100%;
height:var(--section-gap);
margin-top: 95px;
}
.uniform-blank{
width: 100%;
height:var(--section-gap);
margin-top: 40px;
}
.office-blank{
width: 100%;
height:var(--section-gap);
margin-top: 95px;
}
.pp-blank{
width: 100%;
height:var(--section-gap);
margin-top: 50px;
}
@media only screen and (max-width:1600px){
.investors-list-style-01>div{
width: calc(100% - var(--pad-space) - var(--pad-space));
gap: var(--pad-space);
}
.investors-list-style-01 .list-content::before{
left: calc( 0% - var(--pad-space));
}
.investors-list-style-02>div{
width: calc(100% - var(--pad-space) - var(--pad-space));
gap: var(--pad-space);
}
.investors-list-style-02 .list-content::before{
right: calc( 0% - var(--pad-space));
}
}
@media only screen and (max-width:1500px){
.list-content-catalog {
margin-top: 30px;
}
.list-content-catalog-2{
margin-bottom:20px;
gap: 10px;
}
.investors-list-style-01 .sec-en-title{
font-size: 40px;
}
.investors-list-style-01 .sec-ch-title{
font-size: 30px;
}
.investors-list-style-01 .list-content::before{
top: 37px;
height: calc(100% + 0px);
}
.investors-list-style-01 .download-list>div{
padding: 15px 0;
}
.investors-list-style-01 .download-list span{
margin-bottom: 0px;
}
.investors-list-style-01 .download-list{
padding-top: 30px;
}
.investors-list-style-01 .download-list a{
width: 35px;
height: 35px;
padding: 8px;
}
.investors-list-style-01 .list-img{
padding-top: 37px;
}
.investors-list-style-02 .sec-en-title{
font-size: 40px;
}
.investors-list-style-02 .sec-ch-title{
font-size: 30px;
}
.investors-list-style-02 .list-content::before{
top: 37px;
height: calc(100% + 0px);
}
.investors-list-style-02 .download-list>div{
padding: 15px 0;
}
.investors-list-style-02 .download-list span{
margin-bottom: 0px;
}
.investors-list-style-02 .download-list{
padding-top: 30px;
}
.investors-list-style-02 .download-list a{
width: 35px;
height: 35px;
padding: 8px;
}
.investors-list-style-02 .list-img{
padding-top: 37px;
}
.investors-list-style-01.pp-corrugated .download-list>div>div{
grid-gap: 15px;
}
.investors-list-style-02.casual-wear .list-content::before{
height: calc(100% - 37px);
}
.rain-shoes-blank{
margin-top: 37px;
}
.office-blank{
margin-top: 37px;
}
}
@media only screen and (max-width:1024px){
.list-content-catalog-2 {
margin-bottom: 0px;
margin-top: 40px;
}
.banner-img-box-text{
top: unset;
bottom: 5%;
transform: translateY(0%);
}
.investors-list-style-01 .list-content::before{
display: none;
}
.investors-list-style-01>div{
width: 100%;
display: grid;
grid-template-columns: 1fr;
background: #E8E8E8;
padding: var(--pad-space);
border-radius: var(--box-radius);
padding-bottom: calc(var(--pad-space) + 10px);
}
.investors-list-style-01>div>div{
width: 100% !important;
}
.investors-list-style-01 .list-content{
padding-left: 0px;
}
.investors-list-style-01{
padding: 0 var(--pad-space);
}
.investors-list-style-01 .download-list>div{
padding: 10px 0;
}
.investors-list-style-01 .download-list{
padding-top: var(--pad-space);
}
.investors-list-style-01 .list-img{
padding-top: 0px;
}
.investors-list-style-01 .list-img.desk-mode{
display: none;
}
.investors-list-style-01 .list-img.mobile-mode{
display: block;
width: 100%;
margin-top: 30px;
}
.investors-list-style-01 .list-img img{
border-radius: var(--box-radius);
}
.investors-list-style-02 .list-content::before{
display: none;
}
.investors-list-style-02>div{
width: 100%;
display: grid;
grid-template-columns: 1fr;
background: #E8E8E8;
padding: var(--pad-space);
border-radius: var(--box-radius);
padding-bottom: calc(var(--pad-space) + 10px);
}
.investors-list-style-02>div>div{
width: 100% !important;
}
.investors-list-style-02 .list-content{
padding-left: 0px;
}
.investors-list-style-02{
padding: 0 var(--pad-space);
}
.investors-list-style-02 .download-list>div{
padding: 10px 0;
}
.investors-list-style-02 .download-list{
padding-top: var(--pad-space);
}
.investors-list-style-02 .list-img{
padding-top: 0px;
}
.investors-list-style-02 .list-img.desk-mode{
display: none;
}
.investors-list-style-02 .list-img.mobile-mode{
display: block;
width: 100%;
margin-top: 30px;
}
.investors-list-style-02 .list-img img{
border-radius: var(--box-radius);
}
.investors-list-style-02.casual-wear .list-content{
padding-bottom: 0px;
}
.uniform-blank,
.office-blank,
.pp-blank,
.rain-shoes-blank{
height: var(--section-gap);
margin-top: 0;
}
}
@media only screen and (max-width:767px){
.investors-list-style-01 .sec-en-title{
font-size: 33px;
line-height: 1.1em;
margin-bottom: 0;
}
.investors-list-style-01 .sec-ch-title{
font-size: 26px;
margin-bottom: 20px;
}
.investors-list-style-01 .list-content>p{
line-height: 1.6em;
}
.investors-list-style-01 .list-img.mobile-mode{
margin-top: 25px;
}
.investors-list-style-01 .list-img img{
border-radius: 20px;
}
.investors-list-style-01 .download-list{
padding-top: calc(var(--pad-space) + 5px);
}
.investors-list-style-02 .sec-en-title{
font-size: 33px;
line-height: 1.1em;
margin-bottom: 0;
}
.investors-list-style-02 .sec-ch-title{
font-size: 26px;
margin-bottom: 20px;
}
.investors-list-style-02 .list-content>p{
line-height: 1.6em;
}
.investors-list-style-02 .list-img.mobile-mode{
margin-top: 25px;
}
.investors-list-style-02 .list-img img{
border-radius: 20px;
}
.investors-list-style-02 .download-list{
padding-top: calc(var(--pad-space) + 5px);
}
.investors-list-style-01.pp-corrugated .download-list>div{
padding: 20px 0;
}
.list-content-catalog a {
font-size: 18px;
}
}