@charset "utf-8";
/* CSS Document */
/*----------
About US
----------*/
/*Company Profile*/
#company-profile{ padding-top:6rem;}
#company-profile h3{width:100%; line-height:1.4em;}
#company-profile .wrap-flex{ margin-top:4rem;}
#company-profile p{ width:min(80%,520px); line-height:2.2em;}
.company-profileimg{ width:60%;  margin-left:4rem; } 
.company-profileimg img{ padding:1rem;box-shadow: 0 0 10px rgba(80,80,80,0.4); }
.company-profile-smallimg{ display:none;}
#company-profile .company-profile-mid{ width:100%; line-height:1.4em;}
#company-profile .company-profile-bottom{ width:100%; line-height:2em; padding-top:2rem;}
/*company info*/
#company-info{padding-top:7vw; padding-bottom:8rem;}
#company-info h1{  font-size:30rem; font-weight:500; text-align:center; -webkit-text-stroke: 1px #F0F0F0;text-stroke: 1px #F0F0F0; color:transparent; } 
#company-info .grid{  grid-template-columns:repeat(4,1fr);align-items: center; }
.company-info-content-txt{ margin-left:2rem;}
.company-info-content h2{  font-weight:700; color:var(--web-theme-color-black);  padding-top:0.6rem;}
.company-info-content span{ display:block; margin-left:0.6rem; margin-top:0.8rem; font-size:2rem; text-transform:lowercase; color:var(--web-theme-color-black);}
#company-info .company-info-content p{ line-height:0;  color:var(--web-theme-color-black);}
/*Corporate Culture*/
#corporate-culture{ padding-bottom:0;}
#corporate-culture img{ width:100%;}
/*Development history*/
#history{background:url(../images/about/history.webp) no-repeat center bottom; background-size:cover;  padding-bottom:0;}
#history h2{ padding-top:8rem; color:var(--web-theme-color-black);} 
#history h2 span{color:var(--web-theme-color-blue);}
#history .com-line{ width:6rem; height:5px; background-image: linear-gradient(rgba(240,52,51,1) , rgba(240,52,51,1)); margin:0 auto;}
#history .sy-container{position:relative; height:100%;  }
#historyline{position:absolute;left:0%;top:50%;width:100%; height:50;}
/*swiper*/
#history-pc{ position:relative; z-index:5; padding-top:30vh;}
#history-pc .swiper-slide:nth-child(2n-1){ flex-direction: column; }
#history-pc .swiper-slide:nth-child(2n){ flex-direction:column-reverse;}
#history-pc .swiper-wrapper{ padding-bottom:4rem;}
#history-pc .swiper-slide h3{ font-size:3rem; line-height:1.5em;}
.swiper-line{ padding-top:2rem;}
#history-pc .swiper-slide:first-child{ display:inline-block; margin-top:1.2rem; margin-left:6rem;}
#history-pc .swiper-slide:nth-child(3){margin-top:-4rem;}
#history-pc .swiper-slide:nth-child(2),#history-pc .swiper-slide:nth-child(4),#history-pc .swiper-slide:nth-child(6),#history-pc .swiper-slide:nth-child(8),#history-pc .swiper-slide:nth-child(10){ display:inline-block; margin-top:18rem;}
#history-pc .swiper-slide:nth-child(5),#history-pc .swiper-slide:nth-child(9){ display:inline-block; margin-top:-7rem;}
#history-pc .swiper-slide:nth-child(7){display:inline-block; margin-top:-4rem;}
#history-pc .swiper-slide:nth-child(11){display:inline-block; margin-top:-10rem;}
.history-info h3{color:var(--web-theme-color);}
.history-info p{ width:min(80%,500px);}
@media screen and (max-width: 1600px) {	
#historyline{position:absolute;left:0%;top:50%;width:100%;}	
#history-pc .swiper-slide:first-child{ display:inline-block; padding-top:1rem; margin-left:6rem;}
#history-pc .swiper-slide:nth-child(3),#history-pc .swiper-slide:nth-child(7){display:inline-block; margin-top:1rem;}
#history-pc .swiper-slide:nth-child(2),#history-pc .swiper-slide:nth-child(4),#history-pc .swiper-slide:nth-child(6),#history-pc .swiper-slide:nth-child(8),#history-pc .swiper-slide:nth-child(10){ display:inline-block; margin-top:22rem;}
#history-pc .swiper-slide:nth-child(5),#history-pc .swiper-slide:nth-child(9),#history-pc .swiper-slide:nth-child(11){ display:inline-block; margin-top:-2rem;}
}
@media screen and (max-width: 1400px) {	
#historyline{position:absolute;left:0%;top:50%;width:100%;}	
#history-pc .swiper-slide:first-child{ display:inline-block; padding-top:1rem;}
#history-pc .swiper-slide:nth-child(3),#history-pc .swiper-slide:nth-child(7){display:inline-block; margin-top:0rem;}
#history-pc .swiper-slide:nth-child(2),#history-pc .swiper-slide:nth-child(4),#history-pc .swiper-slide:nth-child(6),#history-pc .swiper-slide:nth-child(8),#history-pc .swiper-slide:nth-child(10){ display:inline-block; margin-top:22rem;}
#history-pc .swiper-slide:nth-child(5),#history-pc .swiper-slide:nth-child(9){ display:inline-block; margin-top:-3rem;}
#history-pc .swiper-slide:nth-child(11){ display:inline-block; margin-top:-3rem;}
}
@media screen and (max-width: 1023px) {
/*Company Profile*/
#company-profile{ padding-top:6rem;}
#company-profile h3{width:100%; line-height:1.4em;}
#company-profile .wrap-flex{ flex-direction: column; margin-top:4rem;}
#company-profile p{ width:100%; line-height:2.2em;}
.company-profileimg{ display:none;} 
.company-profile-smallimg{ display:block;margin-top:2rem;}
.company-profile-smallimg img{ padding:0;box-shadow: 0 0 10px rgba(80,80,80,0.4); }
#company-profile .company-profile-mid{ width:100%; line-height:1.4em;}
#company-profile .company-profile-bottom{ width:100%; line-height:2em; padding-top:2rem;}	
/*company info*/
#company-info{padding:8rem 0;}
#company-info .grid{  grid-template-columns:repeat(2,1fr);grid-gap:2rem; padding-top:0; margin-top:0;}
.company-info-content-txt{ margin-left:1rem;}
.company-info-content h2{ padding-top:0.6rem;}
.company-info-content span{ display:block; margin-left:0.6rem; margin-top:0.8rem; font-size:10px;}
#company-info .company-info-content p{line-height:1.4em;}
/*Development history*/
#history{background:url(../images/about/history.webp) no-repeat center bottom;  padding-bottom:4rem;} 
#history h2{ padding-top:5rem;  font-weight:500; color:var(--web-theme-color-black);} 
#history .com-line{ width:6rem; height:5px;}
#history .sy-container{height:auto; }
#historyline{position:absolute;left:0%;top:57%;}
/*swiper*/
#history-pc{padding-top:20rem;}
#history-pc .swiper-wrapper{ padding-bottom:2rem;}
#history-pc .swiper-slide:first-child{ display:inline-block; padding-top:0; margin-top:-3rem; margin-left:3rem;}
#history-pc .swiper-slide:nth-child(3){display:inline-block;  margin-top:-6rem;}
#history-pc .swiper-slide:nth-child(2),#history-pc .swiper-slide:nth-child(4),#history-pc .swiper-slide:nth-child(6),#history-pc .swiper-slide:nth-child(8),#history-pc .swiper-slide:nth-child(10){ display:inline-block; margin-top:16rem;}
#history-pc .swiper-slide:nth-child(5),#history-pc .swiper-slide:nth-child(9){ display:inline-block; margin-top:-9rem;}
#history-pc .swiper-slide:nth-child(7){display:inline-block; margin-top:-6rem;}
#history-pc .swiper-slide:nth-child(11){display:inline-block; margin-top:-9rem;}
}
@media screen and (max-width:768px) {
#history-pc{padding-top:20rem;}
#historyline{position:absolute;left:0%;top:54%;width:100%;}
#history-pc .swiper-slide:first-child{ display:inline-block; padding-top:0; margin-top:-6rem; margin-left:3rem;}
#history-pc .swiper-slide:nth-child(3){ display:inline-block; margin-top:-11rem;}
#history-pc .swiper-slide:nth-child(2),#history-pc .swiper-slide:nth-child(4),#history-pc .swiper-slide:nth-child(6),#history-pc .swiper-slide:nth-child(8),#history-pc .swiper-slide:nth-child(10){ display:inline-block; margin-top:13rem;}
#history-pc .swiper-slide:nth-child(5){ display:inline-block; margin-top:-14rem;}
#history-pc .swiper-slide:nth-child(7){display:inline-block; margin-top:-11rem;}
#history-pc .swiper-slide:nth-child(9){ display:inline-block; margin-top:-14rem;}
#history-pc .swiper-slide:nth-child(11){display:inline-block; margin-top:-16rem;}	
}
@media screen and (max-width: 490px) {
#history .sy-container{height:auto; } 	
#history-pc{padding-top:20rem;}
#historyline{position:absolute;left:0%;top:53%;width:100%;}
#history-pc .swiper-slide:first-child{ display:inline-block; padding-top:0; margin-top:-4rem; margin-left:3rem;}
#history-pc .swiper-slide:nth-child(2),#history-pc .swiper-slide:nth-child(4),#history-pc .swiper-slide:nth-child(6),#history-pc .swiper-slide:nth-child(8),#history-pc .swiper-slide:nth-child(10){ display:inline-block; margin-top:17rem;}
#history-pc .swiper-slide:nth-child(3),#history-pc .swiper-slide:nth-child(5),#history-pc .swiper-slide:nth-child(9){ display:inline-block; margin-top:-12rem;}
#history-pc .swiper-slide:nth-child(7){display:inline-block; margin-top:-9rem;}
#history-pc .swiper-slide:nth-child(9){ display:inline-block; margin-top:-14rem;}
#history-pc .swiper-slide:nth-child(11){display:inline-block; margin-top:-17rem;}	
}